Skip to main content
Button Block

Use buttons to trigger custom actions and bring different parts of your app together!

Justin Yan avatar
Written by Justin Yan
Updated over 6 months ago

Type: Basics

CSS Enabled: โœ…

At Frontly, we understand the pivotal role that web buttons play in enhancing the user experience and streamlining processes. Our web buttons aren't just static, one-size-fits-all components; they're dynamic, versatile, and highly customizable. Whether you're using it to update your spreadsheets, updating the message on a banner, directing your users to new pages, or even sending off emails, our Frontly's customizable Button Block is your gateway to limitless possibilities.


Overview

The Frontly button is a feature that can be added to your page as a standalone block or as a row of buttons using the alternative TextButtonRow block.

Worth noting in addition to having the ability to edit or add a new record to your spreadsheet, a Form submission button can be configured to function identically to a Button block also.


Configuring Button Settings

Button Settings are located under the 'Basics' tab of your editor if you're modifying a Button-type block, or under the 'More' tab if you're editing a Form one.


Changing Label

Upon creation, all buttons should be given a new label from their default label. Enter them to distinguish your buttons from one another and to guide your users to execute specific functions.


Creating and Layering Click Actions

Clicking into the 'Click Action' will open up a list of action types displayed below.

Click here for detailed information on each of these Custom Actions

You can queue up multiple different actions from your button click by scrolling to the bottom of the menu and clicking "+". This will open up the same menu for you to specify the next action in the sequence, and you can do this as many times as you like! Steps can be deleted or edited via the "..." in the top right and their ordering can be adjusted very simply by clicking and dragging their modals up and down.

Creating multi-action buttons streamlines tasks, reduces errors, and boosts efficiency, benefiting users with simplified experiences and developers with enhanced functionality!

Did this answer your question?