layoutModeString(default: "compact")

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.

Example - set stretch layout mode

<div id="segmentedControl"></div>
<script>
$("#segmentedControl").kendoSegmentedControl({
  layoutMode: "stretch",
  items: [
    { text: "Option 1", value: "option1" },
    { text: "Option 2", value: "option2" }
  ]
});
</script>
In this article
layoutMode
Not finding the help you need?
Contact Support