Button

Use a button to trigger an action in your application.

The plugin is available under INTEGRATION > INPUTS. When designing application pages, drag-and-drop button to a container. To use the old version, refer to Button.

Table 1. Button Properties
Property Description
BEHAVIOR > Click Event Provide an action for the button plugin. For example, if you select Go to next page, the button will lead to the specified page in the end application. To add more actions, select +Add Action.

You can choose from these available actions:

  • Submit: This action submits the data to the selected entity.
  • Go to page: This action leads to the specified page within the application.
  • Go to previous page: Use this action to navigate between historical entries created for the current application session. In the end app, selecting the button leads to a previously visited page from history. If there is no previous history, then the button remains idle.
  • Go to next page: Use this action to navigate between historical entries created for the current application session. In the end app, selecting the button leads to the next page. In the absence of next session entries, the button remains idle.
  • URL: This action leads to the specified (external) URL.
  • Set global value: This action enables the data to be available globally.
  • Show Component: This action displays a hidden component in the end app.
  • Hide Component: This action hides a component.
  • Toggle Show/Hide: This action allows to switch between hidden and shown views of a component.
Label The label name that appears on the button.
Icon If you want to use an icon for your button, choose icons from DevExtreme or Font Awesome icon libraries.
Label Styling Formats the label: Font Family, Font Size, and Font Color formats the label text. Background Color adds a color to the label background. Background Hover Color appears when you move your mouse over the label.