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

    • Screen Designer Layout

      Toolbox Tabs The toolbox tabs are on the right-hand side of the screen designer which includes Elements tab, Properties tab, Layers Tab and the Tabs. Elements Tab It houses all of the available screen elements that you can add to your screen. You can ...

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

    • Screen Designer Terminology

      This is where we can provide a “dictionary” of common terminology a user might encounter while navigating the interface, reading our documentation, or discussing the designer. The goal is to provide a place they can go if they see or hear a phrase ...