.png)
Button
- 2 Minutes to read
- Contributors
Button
- 2 Minutes to read
- Contributors
Article summary
Did you find this summary helpful?
Thank you for your feedback
The button control in the form builder connects with Quixy’s back-end system, allowing users to modify or manipulate data within the app form before completing a transaction.
By working together with the back-end system, the button control enables advanced form validations and data manipulations that aren’t possible with business rules alone.
The following use cases show some practical examples of how the button control can be used, but it can be applied to many other scenarios as well.
USE CASES
1. In-app validation of Identity Documents such as Aadhaar Card, PAN Card, Driving License, etc.
2. Imagine that you run a business that provides a range of products to customers, and you want to ensure that the delivery of these products is always executed perfectly. You take responsibility for prioritizing deliveries at the end of each day, based on the customer's location and identity, in order to maintain customer loyalty. All orders received are stored in a database managed by Quixy.
To make the process of organizing deliveries more efficient, you have created an app using Quixy. With this app, you can select a specific date, and it will display a list of all orders received on that day from the Quixy database in the app's grid. You can then use the app to prioritize the orders by rearranging them in the grid. This button feature allows you to move orders up or down the list based on the delivery location and other factors, ensuring that they are delivered efficiently and on time.
Using this app, you can assign orders to delivery personnel more easily and effectively, optimizing your business operations and reducing the likelihood of mistakes or delays.
Button- Properties
Field Name: Provide a unique name for the field which is visible for CDs while building application.
Label Name: Provide a unique name for the field which will be visible for the end-users.
Toaster Message: Displays a brief notification or confirmation message when the button is clicked.
Enable Step Action Control: If you check this box, the button will only work when certain steps are completed first. This ensures that actions happen in the right order.
For example, if you're filling out a form and need to enter all required details before submitting, enabling this option will make sure you can't click the button until everything is done correctly.
Font Properties
Button Text Color: Customize the color of the text displayed on the button.
Button Text Size: Adjust the text size on the button by choosing from Small, Medium, Large, or a Custom size.
Button Text Style: Change the button text style to Bold or Italic with a simple click.
Button Color: Set the background color of the button to match your design.
On Hover Button Color: Choose the background color that appears when the mouse pointer hovers over the button.
On Hover Button Text Color: Select the text color that will display when the mouse pointer hovers over the button.
Was this article helpful?
