Button
The Button widget is used to trigger 'Click' events. This allows users to trigger actions in Rules through clicks or taps. It supports customisation of text, style, and behaviour.
When the button widget is inside a Data Object Container, it can be used to directly save the data object. This is useful when a page does not need other rules, and a simple save function within the button is sufficient.
To enable this save functionality:
Ensure the button is inside a Data Object container.
Ensure the
Save Datacheck box in the button's widget settings is checked.
Common Use Cases
Save a form (e.g., login, signup, feedback)
Navigate to another page in the app
Display or hide a popup
Widget Property
Title:
The Title property defines the text shown on the button. It tells users what action the button will perform, like “Submit”, “Save”, or “Next”.
Step-by-Step Guide to Use the Button Widget:
Step 1: Add the Widget
Open the Widget Panel on the left, go to the Field & headers section, and pick & drop the Button Widget onto your page.
Set Title and Size
Enter the button’s title (e.g., “Submit”, “Next”) and adjust the width and height as needed to fit your design.
Step 3: Configure Main Settings
Click the button to access the Panel Tab. Set its label style, size, and alignment. You can also add an icon or change the button’s appearance based on your app’s theme.
Step 4: Define the Rules & Test the Button
Click the Run/Preview icon to test the button. Confirm that it performs the intended action and appears as expected within your layout.
Last updated