ButtonGroup Overview

The ButtonGroup groups a series of buttons together on a single line.

Kendo UI for jQuery Kendoka image

The ButtonGroup is part of Kendo UI for jQuery, a professional grade UI library with 90+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

Initializing the ButtonGroup

You can initialize the ButtonGroup from HTML markup or from a JSON data object.

From HTML

The following example demonstrates how to initialize Kendo UI ButtonGroup from HTML markup.

<ul id="buttongroup">
    <li>Option 1</li>
    <li>Option 2</li>
    <li>Option 3</li>
  </ul>

<script>
    $("#buttongroup").kendoButtonGroup();
</script>

From JSON

The following example demonstrates how to initialize Kendo UI ButtonGroup from a JSON data object.

<div id="buttongroup"></div>

<script>
    $("#buttongroup").kendoButtonGroup({
        items: [
            { text: "Option1" },
            { text: "Option2" },
            { text: "Option3" }
        ]
    });
</script>

Functionality and Features

See Also

In this article
Not finding the help you need? Improve this article