Button Group

It is the button group that performs the desired event in the form. In Xpoda, it works with action type and different actions when clicked.

‘’Button Group’’ icon at Toolbox

How it looks like on the Canvas

Compatibility

Free Form	Responsive Form	Mobile

Remarks

You can add a button to the ButtonGroup with the < + Add Button > button. You can add a separator as the line between the buttons with the < - Add Separator> button. If you want to remove a button in the ButtonGroup, you can make right-click with the mouse and click <Remove> on the button.

How it looks like on the Canvas

Properties

Properties of this tool;

• Text: The text of the tool will be written here. To edit, go to the Property Panel which is located on the right. This displays the text on the button group.

• Linked List: Adds the button group to the selected list.

• Text Size: Sets the size of the information in the form tool.

• Help Text: It is the text written for the explanation when mouse over the form tool. You can write in the Help Text area, to display the text in the right bottom corner of the mouse when go on the Button Group tool.

• Icon: Select the icon, color, and position to be added to the Button Group tool.

• Picture: It allows defining an image. If you want to add a picture instead of an icon, you can enter a URL of an image resource for this from the Picture area.

• Text Fonts: Allows changing the font.

• Text Type: Adjusts the type of text like bold, italic, underline, and replaces the text as right-aligned, left-aligned, or centered.

• Color: Edits the color of inside the tool and/or the text inside the tool.

• Height / Width: Adjusts the height and width of the Button Group tool (The width field has been removed from Responsive Forms).

• From Left / Top: Adjusts the distance of the Button Group tool from the left and top
  (This field has been removed from responsive forms).

• Display: Makes the Button Group tool not appear on the screen. If the Display area is chosen as No, it makes ButtonGroup not seen on the client screen. Otherwise, it happens just the opposite.

Actions

• When clicked: Assign an “Action” as a click handler. For more information please click here.

Examples Used

For instance; After you added a button in the Button Group with Add Button, you can change the text of the button.

You can add the Button Groups with the < + Add Button > button. You can add two separators as the line between the buttons with the < - Add Separator> button. You can choose an icon.

The view of the button group on the client-side is as follows. A seperator is added between button 2 and button 3 and the looks like as follows.

How it looks like on the Canvas

This Button Group has five buttons and two separators.

How it looks like on the Canvas

Client view on screen for the Button Group