Learn The Properties Of The Button Element!

A button acts as a link to page transitions, form registration and more. It is found under the Trigger category. You can add text and/or icons.

Adding Button

You can add the Button element from the Elements panel by dragging and dropping it to the screen. If you drag it to an empty area on the screen, it is added with the Row element. If you drag it into a Column you just add the Button element.

Button, supports both web and mobile applications.

‍You can add the button element in elements such as :

You can add text and icons inside the button element. You can give role-based authorizations to the element as well as set its visibility with show/hide/conditional options.

Edit Button Text

Open the Label section via the Properties panel. You can change the text of the Button element with Fixed value. You can also use Symbol Picker to get an action result or an element's value.

Add Icons To The Button

Select the button element. You can add icons with the Icon section from the Properties panel.

You can set a Button element to be text only, text and icons, or just icons. In cases where text and icon are used together, you can adjust the direction of the text.

Select the left or right direction from the Icon Position section of the Properties panel.


You can use the authorization options for the Button element.


You can manage the visibility of the element. It is always visible or hidden, or you can make it appear or hide depending on a condition.

You can add actions that you can add to the Button element with Add Actions.

You can make additional edits to the Button element by adding a Frame, Fill color, Border, or Shadow.

You can make visual adjustments such as environmental interior spaces and sizing. Depending on the size of the button, you can align the text and icon within the button frame.


You can set the color and size of the button text and icon with the Text section.

You can add color or image to the button body.


You can add lines to the outer edges of the Button, give corner bevels

You can add a shadow effect to the button element.

Last updated