The Segmented control is an input control. It appears as a set of buttons laid out horizontally and can be configured to allow multiple or single selections. Form designers can also limit the number of segments per line to improve usability. 


In this article, you will learn how you can use the Segmented control in your forms. 


Step 1 - Open Page Designer 

After creating a page, form, or sub form, hover over its name. Once the 'Open Page Designer' buttonappears, click on it.

 

 

Step 2 - Add the Segmented Control to Your Form  

From the Standard tab, drag and drop the Segmented control onto your design canvas.



Step 3 - Configure the Segmented Control 

Upon adding the Segmented control, its properties will appear on the right side of the screen.  



You can customize the following properties accordingly: 


Identifier
This field is for the name used to identify this specific Layout control. Add a meaningful one so you can use it in expressions.
Auto Select First
Checking this option will auto-select the first value added before the user enters anything.
Data Source
In Data Source, enter the values you want users to select from. For dynamic changes or larger selection set, you can map this control to a connector to retrieve fields from the database.
Display Expression
Enter a dynamic expression to dynamically display data according to a scenario.
Font Name
Choose your preferred font.
Font Size

Choose your preferred font size.

Font Style

Specify whether you want to make the font bold or italicized. 

Multi Select

Select this option to allow a user to select more than one option.

Text Color

Choose a suitable text color from the palette.

Value Expression

Define a dynamic expression to process the value within the control. 


Add more controls to your form and then save or publish it.


Watch How It Works

This video tutorial explains how you can create forms with multiple choices using the multi-select Segmented control in transform Studio. 



Need more help? Contact us at support@makeen.io