New to Kendo UI for jQuery? Start a free 30-day trial

LayoutMode

configuration

Specifies the layout mode of the SegmentedControl.

compact - Each segment width is determined by its content.
stretch - Expands to fill the width of its container and all segments are equal width.

layoutMode

String

Default: "compact"

<div id="segmentedControl"></div>
<script>
$("#segmentedControl").kendoSegmentedControl({
  layoutMode: "stretch",
  items: [
    { text: "Option 1", value: "option1" },
    { text: "Option 2", value: "option2" }
  ]
});
</script>