O'Reilly logo

Building Mobile Applications Using Kendo UI Mobile and ASP.NET Web API by Ragini Kumbhat Bhandari, Nishanth Nair

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

The ButtonGroup widget

Sometimes for navigation between sections inside a view, we may need buttons grouped together. The ButtonGroup widget is helpful in this scenario by transforming an HTML list into a set of buttons. Icons can also be set for each individual buttons just like the Button widget.

The ButtonGroup widget

Initialization

ButtonGroup can be initialized by setting data-role="buttongroup" to <ul> </ul> as shown in the following code snippet:

<ul data-role="buttongroup" >
  <li> Button 1 </li>
  <li> Button 2 </li>
  <li> Button 3 </li>
</ul>   

ButtonGroup can be initialized using the jQuery plugin syntax too as shown as follows:

<div data-role="view" data-init="initialize"> ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required