(function openLouie() { let louie = document.getElementById("Dropdown-Toggle-14"); louie.classList = "host-toggle w-dropdown-toggle w--open"; console.log(louie); })();
Button

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

Adding Buttons

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.

You can add the button element in elements such as :

  • Row > Column,
  • to the panel,
  • Data Repeater (Carousel, FlexGrid, GalleryView, Horizontal and Table)
  • the content menu.

Properties

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 of the Properties panel. You can change the button text 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 only text, text and icon or only icon in a button. 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.

AUTHORIZATION

You can use the authorization options for the button element.

VISIBILITY

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

ACTIONS

You can add functions that you can add to the button element with Add Actions.

Styling

You can make visual edits on button element frame and text/icon basis.

LAYOUT

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.

TEXT

You can adjust the text of the button and the properties such as color and size of the icon with the text section.

FILL

You can add color or image to the button body.

BORDER

You can add lines to the outer edges of the button and give curves to the corner.

SHADOW

You can add shadows to the buttons.

Simplicity Meets High Performance

Free edition subscription
Keep your work
No credit card required to try