Button

Button Element

Use the Button element when you need the user to trigger an action on your page.

This action can encompass a variety of tasks such as form submission or data processing.

With Page Flow, you can define the desired actions. If you're working with forms, there is already a pre-configured Submit button element available to conveniently submit your form. Additionally a pre-configured Reset button is also available to clear the contents of all the field inputs.

---

Options

The Options tab settings for this element are described below:

Button Content

Specify what you want the button to say using this setting. You can enter some simple HTML code here. We also support Font Awesome 6 icons.

Button Look

Select from a pre-defined list of background and text colors for the button look. For any other customizations see here.

Button Size

Select from a pre-defined list of sizes. For any other customizations see here.

Button Action

This is an advanced parameter that translates to the Bootstrap data-toggle attribute. The Popup Menu Style1, Popup Menu Style2 and Menubar Popup Menu elements use this by setting the value to dropdown. You can also use this to control a Collapsible Area element by setting the value to collapse.

Action Target

This is an advanced parameter that translates to the Bootstrap data-target attribute. The value is set to the Element ID of the element to be controlled. To find the Element ID see here.

The Element ID needs to be prefixed with a # character. This is also known as ID selector syntax. For more information click here.

Popup Menu Icon

Enable this if you want a 🔽arrow to appear next to the content to indicate that it will invoke a popup menu. The Popup Menu Style1, Popup Menu Style2 and Menubar Popup Menu elements turn this setting on.