Button component

Use Button for actions on the page or anywhere in your app.

Add a Button component to execute logic with a click. Logic can navigate users within your app or open tables, records, and other pages. Use Work with functions to calculate figures, summarize data, and more.

Add a Button to a page

1

Open the Add tab

In the Settings panel, open the Add tab.

2

Add a Button

Under Controls, drag Button onto the page.

3

Label the component

Ninox generates the Label and the Internal name automatically. Update both values if needed.

4

Configure the Button component

Under General, set logic in On click to execute an action. Define the button's appearance under Display.

5

Check that it works properly

Check that the button looks as expected and executes the configured logic.

Button component settings

Under Settings, you can configure:

• Label: the title shown on the component.
• Internal name: filled automatically. Change it only when needed. Use the Internal name in scripts, not the Label.

Under General

• On click: stores the logic or Ninox Script that runs when users click this Button.

Click On click to open the Logic editor features. There, you can add a script directly or use Ninox AI to help generate one.

Scripts run client-side. They can open a record from a view, open a table view, or show a dialog or message.

Under Display

• Color lets you choose a color theme for the button.
• Variant controls the button's visual weight. Use Solid for emphasis, Bordered for an outline, or Faded for a subdued style.
• Size controls the button's dimensions. Use a smaller size for compact layouts and a larger size for prominent actions.
• Left icon and Right icon add an icon before or after the button label.
• Margin adds space around the button.

For each setting above, you can set logic instead of choosing a predefined option. Click .

Under Behavior:

• Disabled makes the button read-only and prevents users from clicking it. To control this setting with logic, click .

Under Visibility:

• Visible, Hidden: control whether the Button appears on the form.
• Conditional: lets you define a Visibility condition that controls when this Button is shown or hidden.