Skip to main content

Button

The Button Control is an interactive element designed for users to initiate specific actions through a click event.

Button control
Button control

The Button Control is a user-interactive element primarily utilized to trigger specific actions upon user interaction.

Properties

PropertyDescription
Control IDIt displays the identifier of the control
TextIt helps to display text on the button control
Show IconOption to display an icon on the Button.
Icon PositionSpecifies the placement of the displayed icon.
Select IconChoose icon from list of available option.

Style

PropertyDescription
TextText configuration for the control.
SizeFont size of the text in pixels.
WeightThe weight or thickness of the text (e.g., Light, Normal, Bold).
ColorText color code, typically defined in hex format (e.g., #ffffff for white).
AlignmentSpecifies how the text is aligned within the control.
Background ColorThe color code of the control's background, generally provided in hexadecimal (e.g., #28bc6a for a specific shade).
RadiusThe curvature or roundedness of the control's corners, given in pixels.
ThemePredefined or custom themes for the control's appearance.

Events

TriggerDescription
button_clickOccurs upon clicking the button, triggering a specific action.

Using Button Control with DronaHQ

The Button control in DronaHQ is a powerful tool for triggering specific events and actions within your application. By configuring Button controls, you can initiate various actions, from simple on-screen interactions to complex server-side operations, facilitating a wide range of functionalities.

Enhancing User Experience

Buttons in DronaHQ offer an array of capabilities to elevate the user experience. They can be customized to perform actions such as navigating between screens, updating sheets, retrieving data, and implementing custom API actions and database operations.

Configuring Actions

By utilizing the Button control's properties, particularly the button_click event, you can configure actions like calling workflows, updating sheets, retrieving sheet data, implementing custom API actions, and performing database operations.

Use Cases

For instance, you can integrate the SMTP connector to send emails based on user feedback or support requests. Leveraging database actions, you can seamlessly manage customer orders using the PostgreSQL database or configure on-screen actions, such as navigating to specific app screens.

Additional Reading

For a more detailed understanding of Button control features and their functionalities, to trigger actions, both on-screen and on the server side, refer to the article click here.