Dynamic Attributes: Inputs
You can add dynamic attributes to your form inputs. Keep in mind that the app connect panel only shows the available attributes for the selected element.
You can change the attributes of the input by selecting one of the available attributes. With this dynamic attribute, you can change the value of the input.
Changes the size of an attribute and specifies the visible width, in characters, of an input element.
When applied, it specifies that the element should be disabled. A disabled input element is unusable and un-clickable.
When applied, it specifies that an input field is read-only. A read-only input field cannot be modified. However, a user can tab to it, highlight it, and copy the text from it. The readonly attribute can be set to keep a user from changing the value until some other conditions have been met (like selecting a checkbox, etc.)
When applied, the dynamic attribute specifies that an input field must be filled out before submitting the form.
Dynamic Attributes: Div
Along with the styling and the different display attributes, you can add a repeat repeat attribute to your divs.
Dynamic Attributes: Images
When applied, the image source attribute specifies the URL of the image.
When applied, the width attribute specifies the width of an image, in pixels.
When applied, the width attribute specifies the height of an image, in pixels.
When applied, the alt attribute specifies an alternate text for an image, if the image cannot be displayed.
It provides alternative information for an image if a user for some reason cannot view it (because of slow connection, an error in the src attribute, or if the user uses a screen reader).
Dynamic Attributes: Form
Styling and Display
You can apply styling and display attributes to your forms.
Dynamic Attributes: Styling
From the styling attribute, you can select class toggle if you wish to change the class of the element.
When applied, the style attribute specifies an inline style for an element and will override any style set globally.
Dynamic Attributes: Display
When applied, the display show attribute hides the element until a certain condition is met. The difference between show and display if is that display if is not even rendered on the page.
When applied, the display hide attribute hides the element until a certain condition is met.
When applied, this dynamic attribute retrieves and sets the content of the element as plain text.
When applied, this dynamic attribute retrieves and sets the content of the element in HTML format.
The blur dynamic event is most often used with form validation code (e.g. when the user leaves a form field). It occurs when an object loses focus.
When applied, the focus event occurs when an element gets focus.
When applied, the select event occurs after when some text has been selected in an element.
When applied, the event occurs when the user is pressing a key (on the keyboard).
When applied, the event occurs when the user presses a key (on the keyboard).
When applied, the event occurs when the user releases a key (on the keyboard).
There are a large number of mouse events, which you can applied and occur on different mouse actions. You can choose between: click, double click, mouse down, mouse enter, mouse leave, mouse move, mouse over, mouse out, mouse up, wheel and context menu.
When applied, the change event occurs when the content of a form element, the selection, or the checked state have changed.
When applied, the event occurs when an element gets user input.
When applied, the event occurs when an element is invalid.
When applied, the event occurs when an element is updated.
Key and Event Modifiers
You can use the following modifiers to trigger mouse or keyboard event listeners.
When applied, the alt modifier requires that the ctrl keyboard key is pressed to trigger the event.
When applied, the alt modifier requires that the alt keyboard key is pressed to trigger the event.
When applied, the alt modifier requires that the shift keyboard key is pressed to trigger the event.
On Macintosh keyboards, meta is the command key (⌘). On Windows keyboards, meta is the windows key (⊞). On Sun Microsystems keyboards, meta is marked as a solid diamond (◆). On certain keyboards, specifically MIT and Lisp machine keyboards and successors, such as the Knight keyboard, space-cadet keyboard, meta is labeled “META”. On Symbolics keyboards, meta is labeled “META” or “Meta”.
When applied, the stop modifier stops the triggering of the event and prevents further propagation of an event during event flow.
When applied, the modifier prevents the chosen event to be executed. It cancels the event if it is cancelable, meaning that the default action that belongs to the event will not occur.
Capture mode is used for event handling.
Only trigger if the target of the event is itself.
When applied, this modifier triggers the event at most once.