You can change the following button settings:

Main Settings

•Title: Type a title for the button.

•Icon: To select an icon to represent this button, click Select Icon, click the desired icon and click OK. You do not need to have an icon, you can just have words to represent the button. To remove the icon, click Clear Icon.

•Command: The command to run when a user taps the button. A command is an action the app should perform.

To select the command you want, click the box that contains the current command followed by . The list of available commands depends on the context of the component.

Some commands have additional settings you can configure.

To turn your command into a custom command, click . A code box appears in which you can manually edit the JSON code for the command. Turning your command into a custom command is a one-way operation.

To run multiple commands, click and, in the code box, type a sequence of commands in JSON format. While editing the custom command in the code box, press CTRL+Space to access code suggestions.

Behavior

•Hide when Disabled: Whether to hide the button when the command cannot be executed.

•Can be Toggled: Whether the button can be toggled between two states. If the button can be toggled, you can specify the behavior of the button for both states as well as whether the button is toggled by default.

Layout

•Slot: The location of this component within its parent component, assuming the parent component has slots. The possible values depend on the parent component's slots.

•Margin (px): The margin space around the component in pixels.

•Initially Hidden: Specifies whether or not the component is initially hidden when the app loads. If selected, the component remains hidden unless activated, for example, by the Show command.

•Button Style: The style of the button. Choose between rounded or square.

•Show Title: Whether to display the title, in case you only want to display the icon.