Split Button

Split Button

The Split Button element can be used in the Screen Designer by dragging the element into the Screen Designer Canvas.

Within the 'Display' editable properties in the Editor Panel, the Button Group can be customized to have an margin, width, and height that will be reflected in the Split Button on the Screen Designer Canvas.

image-20240618-203726.png
image-20240618-203923.png

 


Editable Properties:
  1. System
    1. System Name
  2. Display
    1. margin
    2. Width
    3. Height
  3. Action
    1. Format
      1. Action
      2. Flow
  4. Advanced
    1. Custom Button Color
    2. Disabled
    3. Hide
    4. Custom Text Size

image-20240618-204103.png
image-20240618-204203.png

 

Add Action

Users can add multiple actions of the type "action" or “flow” to the split button, which will be listed down in the split button dropdown. Users can easily open any of the actions or flows from the list.

Action Properties:

  1. Text
  2. Action Steps
    1. Type
    2. Title
    3. Form Fields
    4. Submit Icon

Flow Properties:

  • Text

  • Flow

  • Payload
image-20240618-204425.png
image-20240618-204553.png

 

 

    • Related Articles

    • Button Group

      The Button Group element can be used in the Screen Designer by dragging the element into the Screen Designer Canvas. Within the 'Display' editable properties in the Editor Panel, the Button Group can be customized to have an orientation, Button Group ...

    • Color Input - JSON Editing

      Creating a screen, sometimes it is quick and easy to use the modal feature within a table or form design to engage with your end users to create or update a record in Fuuz. You can certainly use the screen designer to drop in the input components you ...

    • Display

      Screen Elements in this category help create a variety of elements and information to display on your screen.

    • Interaction

      Screen Elements in the Interaction category provide quick components that allow the user to interact with the screen.

    • Format a Cell Background Color based on Data

      In the screen designer, you can conditionally format the background color of a table cell by following these steps. This example covers the scenario when you have a Data Model that defines a color code - typically something like a record status. ...