UserGuide

Web Segmented Button

From Xojo Documentation

The WebSegmentedButton is a horizontal button made up of multiple segments. Each segment can be clicked independently of the others.

To edit the properties of the segments (Text, Icon and Selected) in the control, use the Set Default Value button on the Layout Editor toolbar or press Return when the control is selected.

Below are commonly used events, properties and methods. Refer to WebSegmentedButton in the Language Reference for the complete list.

Events

Pressed

The Pressed event is called when a segment is clicked. It supplies a itemIndex parameter (0-based) that tells you which segment was clicked.

Properties

SelectedSegmentIndex

Gets or sets the selected segment.

SegmentCount

This property is used to specify the number of segments.

SelectionStyle

An Integer that indicates how the segments can be used.
Value Type Description
0 Single Only one segment can be depressed. The group of segments behaves like a group of Radio Buttons. One is selected, the others are deselected automatically.
1 Multiple The segments behave like a series of Check Boxes where two or more can be selected at the same time.
2 None Each segment behaves like a Button. When a segment is selected, it is depressed (highlighted) only for the duration of the press or click.

Methods

SegmentAt

Used to set the Text or Icon property of a segment identified by the itemIndex parameter (index is zero-based).

Usage

Web Segmented Control

Use the SegmentedControl Pressed event handler to determine which segment was clicked:

Select Case itemIndex
Case 0
// First segment pressed
Case 1
// Second segment pressed
End Select

To select a specific segment in code use the SelectedSegmentIndex property:

See Also

WebSegmentedControl class; UserGuide:Web UI topic