Button Group

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, and Button Group Text Color that will be reflected in the Button Group on the Screen Designer Canvas.

image-20240618-193027.png
image-20240618-193204.png

 


Editable Properties:
  1. System
    1. System Name
  2. Display
    1. Width
    2. Height
    3. Orientation
    4. Margin
    5. Button Group Color
    6. Button Group Text Color

image-20240618-193303.png

 

1: Add Buttons to Button Group

Users can drag multiple buttons into the button group from the elements side menu, and the buttons adjust themselves when added to the button group.

 

2: Colors
Users can change the background color and text color of the Button Group element by adding custom colors from the element properties in the "Display" section of the Editor Panel.

image-20240618-193824.png
1
image-20240618-194053.png
2
image-20240618-194230.png
3

 

3: Orientation

Users can change the orientation of the button group by switching between "Horizontal Orientation" and "Vertical Orientation" using the switch element in the Editor Panel.

    • Related Articles

    • 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 ...

    • Display

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

    • Screen Widget

      A Screen Widget is a screen element that allows you to add screens saved as Screen Widgets to a new screen. Use A Screen Widget Element The very first thing you will want to do is build a screen in the Screen Designer and then make sure to either go ...

    • Interaction

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

    • 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 ...