Element

The Element Widget allows users to embed custom HTML snippets directly into the interface or layout. It provides flexibility to add static or dynamic HTML content, which can be easily managed and updated. Following are the properties to be configured for this widget:

Property	Description	Comments
Basic Configuration
Element Type	Select whether the element is HTML or custom.	-
Element Name	Choose from options like a, abbr, address, area, article, aside, etc.	-
Type	Specify whether it is a Template or Text.	-
Bindings
Text	Expression binding for the text content.	-
Visibility	Expression binder to control the visibility of the element.	-
Enable/Disable	Expression binder to set the element as enabled or disabled.	-
Click	Select an action from the click event dropdown.	-
Attributes Configuration
New	Click to create a new entry for attributes.	This reveals fields for Name, Value Type, and Value.
Value Type	Select from one-way binding, two-way binding, or expression.	-
Additional Event Bindings
Type	Specify the type of event binding.	-
Event	Select from the dropdown to define the event.	-
Style and Layout
Height	Set the height of the element.	-
Width	Set the width of the element.	-
Unit Type	Select unit type (px, rem, or %).	-
Style	Provide CSS styles for the element.	-
CSS Class	Specify the CSS class for styling the element.	-
Style Bindings
Name	Specify the name for the style binding.	-
Value	Expression binder for the value of the style.	-
Additional Configuration
Id	Provide a unique identifier for the element.	A default Id is created, which can be changed.
Comment	Indicate if the element must be commented or not (Yes/No).	This determines whether the element is in use or not.

Once the configuration is complete, click Update to save the changes and integrate the HTML snippet into the application.

note

An asterisk (*) denotes that the property is mandatory for adding an element.