[
  {
    "text": "AutoComplete",
    "name": "autocomplete",
    "api": "web/autocomplete",
    "documentation": {
       "kendo-ui": "getting-started/web/autocomplete/overview",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/autocomplete/overview",
       "jsp-ui": "getting-started/using-kendo-with/jsp/tags/autocomplete/overview",
       "php-ui": "getting-started/using-kendo-with/php/widgets/autocomplete/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/autocomplete",
       "aspnet-mvc": "aspnet-mvc/autocomplete",
       "jsp-ui": "jsp/autocomplete",
       "php-ui": "php/autocomplete"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/autocomplete",
       "aspnet-mvc": "aspnet-mvc/autocomplete",
       "jsp-ui": "jsp/autocomplete",
       "php-ui": "php/autocomplete"
    },
    "spriteCssClass": "autoCompleteIcon",
    "items": [
      {
        "text": "Basic usage",
        "url": "autocomplete/index",
        "title": {
            "kendo-ui": "Demo and source code for Kendo UI Autocomplete widget",
            "php-ui": "PHP title"
        },
        "meta": {
            "kendo-ui": "How jQuery-based Autocomplete widget works, view demo source code of Kendo UI Autocomplete.",
            "php-ui": "PHP meta"
        }
      },
      {
        "text": "Server filtering",
        "url": "autocomplete/serverfiltering",
        "title": {
            "kendo-ui": "Server filtering in Kendo UI Autocomplete widget | Kendo UI Demo"
        },
        "meta": {
            "kendo-ui": "This demo of Kendo UI Autocomplete control shows how autocomplete suggestions are given upon typing and the data is loaded from OData remote data source."
        }
      },
      {
        "packages": [
          "mvc-offline"
        ],
        "text": "Client filtering",
        "url": "autocomplete/clientfiltering"
      },
      {
        "text": "Customizing templates",
        "url": "autocomplete/template",
        "title": {
            "kendo-ui": "Templates customization in Kendo UI AutoComplete"
        },
        "meta": {
            "kendo-ui": "With this Kendo UI AutoComplete demo, you can learn how to customize the template of the widget."
        }
      },
      {
        "text": "Custom data source",
        "url": "autocomplete/custom-datasource",
        "packages": [
          "mvc-offline"
        ]
      },
      {
        "text": "Events",
        "url": "autocomplete/events",
        "title": {
            "kendo-ui": "Events in Kendo UI AutoComplete widget | Kendo UI Web demos"
        },
        "meta": {
            "kendo-ui": "Take a look at this Kendo UI AutoComplete example to find out how events are triggered in the AutoComplete widget, included in Kendo UI Web framework."
        }
      },
      {
        "text": "API",
        "url": "autocomplete/api",
        "title": {
            "kendo-ui": "Example of Kendo UI Autocomplete widget API"
        },
        "meta": {
            "kendo-ui": "The API Functions of Kendo UI Autocomplete widget give you the option to set a specific value, attribute a value for the string, starting with a symbol or a digit."
        }
      },
      {
        "text": "RTL support",
        "disableInMobile": true,
        "url": "autocomplete/right-to-left-support",
        "title": {
            "kendo-ui": "Right-to-left support in Kendo UI AutoComplete widget"
        },
        "meta": {
            "kendo-ui": "We will demonstrate how the right-to-left typing feature is implemented in the text input field of Kendo UI jQuery-powered AutoComplete control."
        }
      },
      {
        "text": "Keyboard navigation",
        "disableInMobile": true,
        "url": "autocomplete/keyboard-navigation",
        "title": {
            "kendo-ui": "Keyboard navigation in Kendo UI AutoComplete widget"
        },
        "meta": {
            "kendo-ui": "Look at this Kendo UI Web demo which illustrates how the keyboard navigation feature is supported in Kendo UI AutoComplete component."
        }
      },
      {
        "text": "MVVM",
        "url": "autocomplete/mvvm",
        "title": {
            "kendo-ui": "MVVM support in Kendo UI AutoComplete"
        },
        "meta": {
            "kendo-ui": "Enabled, events, source, value and visible MVVM binding support in Kendo UI AutoComplete"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      },
      {
        "text": "AngularJS",
        "new": true,
        "url": "autocomplete/angular",
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI AutoComplete"
        },
        "meta": {
            "kendo-ui": "AngularJS directive support in Kendo UI AutoComplete"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      }
    ],
    "category": "Editors"
  },
  {
    "text": "Button",
    "name": "button",
    "api": "web/button",
    "documentation": {
       "kendo-ui": "getting-started/web/button/overview",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/button/overview",
       "jsp-ui": "getting-started/using-kendo-with/jsp/tags/button/overview",
       "php-ui": "getting-started/using-kendo-with/php/widgets/button/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/button",
       "aspnet-mvc": "aspnet-mvc/buttonw",
       "jsp-ui": "jsp/button",
       "php-ui": "php/button"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/button",
       "aspnet-mvc": "aspnet-mvc/button",
       "jsp-ui": "jsp/button",
       "php-ui": "php/button"
    },
    "spriteCssClass": "buttonIcon",
    "items": [
      {
        "text": "Basic usage",
        "url": "button/index",
        "title": {
            "kendo-ui": "Demo and source code for Kendo UI Button widget"
        },
        "meta": {
            "kendo-ui": "How jQuery-based Button widget works, view demo source code of Kendo UI Button."
        }
      },
      {
        "packages": [
          "online"
        ],
        "text": "Multiple buttons",
        "url": "button/multiple",
        "title": {
            "kendo-ui": "Using Multiple Kendo UI Button widgets"
        },
        "meta": {
            "kendo-ui": "Using multiple buttons via a single Button widget instance."
        }
      },
      {
        "text": "Images",
        "url": "button/images",
        "title": {
            "kendo-ui": "Using Kendo UI Buttons with images and icons"
        },
        "meta": {
            "kendo-ui": "Using buttons with images and icons."
        }
      },
      {
        "text": "Events",
        "url": "button/events",
        "title": {
            "kendo-ui": "Kendo UI Button events"
        },
        "meta": {
            "kendo-ui": "How jQuery-based Button widget works, view demo source code of Kendo UI Button."
        }
      },
      {
        "text": "API",
        "url": "button/api",
        "title": {
            "kendo-ui": "Kendo UI Button API"
        },
        "meta": {
            "kendo-ui": "How jQuery-based Button widget works, view demo source code of Kendo UI Button."
        }
      },
      {
        "text": "RTL support",
        "disableInMobile": true,
        "url": "button/right-to-left-support",
        "title": {
            "kendo-ui": "Kendo UI Button RTL Support"
        },
        "meta": {
            "kendo-ui": "How jQuery-based Button widget works, view demo source code of Kendo UI Button."
        }
      },
      {
        "text": "Keyboard navigation",
        "disableInMobile": true,
        "url": "button/keyboard-navigation",
        "title": {
            "kendo-ui": "Kendo UI Button Keyboard Navigation"
        },
        "meta": {
            "kendo-ui": "How jQuery-based Button widget works, view demo source code of Kendo UI Button."
        }
      },
      {
        "text": "MVVM",
        "url": "button/mvvm",
        "title": {
            "kendo-ui": "MVVM support in Kendo UI Button"
        },
        "meta": {
            "kendo-ui": "Enabled, events, visible MVVM binding support in Kendo UI AutoComplete"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      },
      {
        "text": "AngularJS",
        "new": true,
        "url": "button/angular",
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI Button"
        },
        "meta": {
            "kendo-ui": "AngularJS directive support in Kendo UI Button"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      }
    ],
    "category": "Navigation"
  },
  {
    "text": "Calendar",
    "name": "calendar",
    "api": "web/calendar",
    "documentation": {
       "kendo-ui": "getting-started/web/calendar/overview",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/calendar/overview",
       "jsp-ui": "getting-started/using-kendo-with/jsp/tags/calendar/overview",
       "php-ui": "getting-started/using-kendo-with/php/widgets/calendar/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/calendar",
       "aspnet-mvc": "aspnet-mvc/calendar",
       "jsp-ui": "jsp/calendar",
       "php-ui": "php/calendar"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/calendar",
       "aspnet-mvc": "aspnet-mvc/calendar",
       "jsp-ui": "jsp/calendar",
       "php-ui": "php/calendar"
    },
    "spriteCssClass": "calendarIcon",
    "items": [
      {
        "text": "Basic usage",
        "url": "calendar/index",
        "title": {
            "kendo-ui": "Example of Kendo UI jQuery-based Calendar"
        },
        "meta": {
            "kendo-ui": "Explore the example of HTML5 calendar widget, included in Kendo UI Web, to find how easy it is to add a calendar to your website or web app."
        }
      },
      {
        "text": "Customizing templates",
        "url": "calendar/template",
        "title": {
            "kendo-ui": "Customize the template of Kendo UI Calendar widget | Kendo UI Web demos"
        },
        "meta": {
            "kendo-ui": "This demo shows how Kendo UI Calendar allows you to customize the content in your template."
        }
      },
      {
        "text": "Events",
        "url": "calendar/events",
        "title": {
            "kendo-ui": "Events, triggered in Kendo UI Calendar | Kendo UI Web Demos"
        },
        "meta": {
            "kendo-ui": "This example of Kendo UI Calendar widget shows events which are available in the component."
        }
      },
      {
        "text": "API",
        "url": "calendar/api",
        "title": {
            "kendo-ui": "Demo for Kendo UI Calendar Widget API"
        },
        "meta": {
            "kendo-ui": "This demo shows how Kendo UI Calendar Widget API works and what kind of functions it supports."
        }
      },
      {
        "packages": [
          "mvc-offline"
        ],
        "text": "Globalization",
        "url": "calendar/globalization"
      },
      {
        "text": "RTL support",
        "disableInMobile": true,
        "url": "calendar/right-to-left-support",
        "title": {
            "kendo-ui": "Right-to-left functionality, enabled in Kendo UI Calendar widget"
        },
        "meta": {
            "kendo-ui": "Kendo UI Calendar component supports RTL functionality. Look at the demo to see how to easily apply RTL support to the widget."
        }
      },
      {
        "text": "Keyboard navigation",
        "disableInMobile": true,
        "url": "calendar/keyboard-navigation",
        "title": {
            "kendo-ui": "Keyboard navigation demo for Kendo UI Calendar widget"
        },
        "meta": {
            "kendo-ui": "You can easily navigate in Kendo UI Calendar by using the keyboard. This demo shows the functionality, just look at the notes and play with the example."
        }
      },
      {
        "text": "MVVM",
        "url": "calendar/mvvm",
        "title": {
            "kendo-ui": "MVVM support in Kendo UI Calendar"
        },
        "meta": {
            "kendo-ui": "Events, value and visible MVVM binding support in Kendo UI Calendar"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      },
      {
        "text": "AngularJS",
        "new": true,
        "url": "calendar/angular",
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI Calendar"
        },
        "meta": {
            "kendo-ui": "AngularJS directive support in Kendo UI Calendar"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      }

    ],
    "category": "Scheduling"
  },
  {
    "text": "ColorPicker",
    "name": "colorpicker",
    "api": "web/colorpicker",
    "documentation": {
       "kendo-ui": "getting-started/web/colorpicker/overview",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/colorpicker/overview",
       "jsp-ui": "getting-started/using-kendo-with/jsp/tags/colorpicker/overview",
       "php-ui": "getting-started/using-kendo-with/php/widgets/colorpicker/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/color-picker",
       "aspnet-mvc": "aspnet-mvc/color-picker",
       "jsp-ui": "jsp/color-picker",
       "php-ui": "php/color-picker"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/colorpicker",
       "aspnet-mvc": "aspnet-mvc/colorpicker",
       "jsp-ui": "jsp/colorpicker",
       "php-ui": "php/colorpicker"
    },
    "spriteCssClass": "colorPickerIcon",
    "items": [
      {
        "text": "Basic usage",
        "url": "colorpicker/index",
        "title": {
            "kendo-ui": "Kendo UI ColorPicker widget | Kendo UI Web Demos"
        },
        "meta": {
            "kendo-ui": "This example shows the basic functions of Kendo UI ColorPicker component."
        }
      },
      {
        "text": "Flat color picker",
        "url": "colorpicker/flatcolorpicker",
        "title": {
            "kendo-ui": "Kendo UI FlatColorPicker demo"
        },
        "meta": {
            "kendo-ui": "In this example we will show how the Kendo UI FlatColorPicker, a part of the Kendo UI framework, works."
        }
      },
      {
        "text": "Standalone Palette",
        "url": "colorpicker/palette",
        "title": {
            "kendo-ui": "Standalone Palette Demo in Kendo UI ColorPicker widget"
        },
        "meta": {
            "kendo-ui": "In this demo you will take a look at the rich standalone palette of Kendo UI ColorPicker component. Grab the source code and play with the demo!"
        }
      },
      {
        "text": "Palette presets",
        "url": "colorpicker/palette-presets",
        "title": {
            "kendo-ui": "Palette presets in Kendo UI ColorPicker widget | Kendo UI Demo"
        },
        "meta": {
            "kendo-ui": "Select a color based on a preset color palette in Kendo UI ColorPicker widget. This demo allows you to play with the palette presets in the component."
        }
      },
      {
        "text": "Keyboard support",
        "disableInMobile": true,
        "url": "colorpicker/keyboard-navigation",
        "title": {
            "kendo-ui": "Keyboard support enabled in Kendo UI ColorPicker widget"
        },
        "meta": {
            "kendo-ui": "In this demo we review the keyboard support that is enabled in Kendo UI ColorPicker."
        }
      },
      {
        "text": "Events",
        "url": "colorpicker/events",
        "disableInMobile": true,
        "title": {
            "kendo-ui": "Events in Kendo UI ColorPicker widget"
        },
        "meta": {
            "kendo-ui": "In this example we will examine the events that are fired in Kendo UI jQuery-powered ColorPicker component."
        }
      },
      {
        "text": "API",
        "url": "colorpicker/api",
        "title": {
            "kendo-ui": "API for Kendo UI ColorPicker | Kendo UI Demo"
        },
        "meta": {
            "kendo-ui": "This Kendo UI demo shows the API of Kendo UI drop-down color picker widget."
        }
      },
      {
        "text": "MVVM",
        "url": "colorpicker/mvvm",
        "title": {
            "kendo-ui": "MVVM support in Kendo UI ColorPicker"
        },
        "meta": {
            "kendo-ui": "Enabled, events, value and visible MVVM binding support in Kendo UI ColorPicker"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      },
{
        "text": "AngularJS",
        "new": true,
        "url": "colorpicker/angular",
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI ColorPicker"
        },
        "meta": {
            "kendo-ui": "AngularJS directive support for Kendo UI ColorPicker"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      }
    ],
    "category": "Editors"
  },
  {
    "text": "ComboBox",
    "name": "combobox",
    "api": "web/combobox",
    "documentation": {
       "kendo-ui": "getting-started/web/combobox/overview",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/combobox/overview",
       "jsp-ui": "getting-started/using-kendo-with/jsp/tags/combobox/overview",
       "php-ui": "getting-started/using-kendo-with/php/widgets/combobox/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/combobox",
       "aspnet-mvc": "aspnet-mvc/combobox",
       "jsp-ui": "jsp/combobox",
       "php-ui": "php/combobox"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/combobox",
       "aspnet-mvc": "aspnet-mvc/combobox",
       "jsp-ui": "jsp/combobox",
       "php-ui": "php/combobox"
    },
    "spriteCssClass": "comboBoxIcon",
    "items": [
      {
        "text": "Basic usage",
        "url": "combobox/index",
        "title": {
            "kendo-ui": "jQuery-based Combobox widget Demo | Kendo UI Web Demos"
        },
        "meta": {
            "kendo-ui": "This Combobox UI example shows how you can easily apply an editable text box with flexible auto-searchable functionality of the dropdown list into your web app."
        }
      },
      {
        "text": "Server filtering",
        "url": "combobox/serverfiltering",
        "title": {
            "kendo-ui": "Server filtering in Kendo UI ComboBox"
        },
        "meta": {
            "kendo-ui": "Check out this demo to see how the server filtering functionality works in Kendo UI ComboBox."
        }
      },
      {
        "packages": [
          "mvc-offline",
          "jsp"
        ],
        "text": "Client filtering",
        "url": "combobox/clientfiltering"
      },
      {
        "text": "Customizing templates",
        "url": "combobox/template",
        "title": {
            "kendo-ui": "Demo for customizing jQuery ComboBox Templates | Kendo UI Web Demos"
        },
        "meta": {
            "kendo-ui": "This Kendo UI ComboBox demo shows how the template of the control can be customized to change the appearance of items in the auto-searchable list."
        }
      },
      {
        "text": "Cascading ComboBox",
        "url": "combobox/cascadingcombobox",
        "title": {
            "kendo-ui": "Cascading jQuery ComboBox sample | Kendo UI Web demos"
        },
        "meta": {
            "kendo-ui": "This demo shows how the cascading Kendo UI ComboBox control would fit any web application or website."
        }
      },
      {
        "text": "Custom data source",
        "url": "combobox/custom-datasource",
        "packages": [
          "mvc-offline"
        ]
      },
      {
        "text": "Events",
        "url": "combobox/events",
        "title": {
            "kendo-ui": "Examples of events in Kendo UI jQuery ComboBox component"
        },
        "meta": {
            "kendo-ui": "This demo demonstrates useful events which are triggered in Kendo UI ComboBox upon user's selection of an item from the drop-down list."
        }
      },
      {
        "text": "API",
        "url": "combobox/api",
        "title": {
            "kendo-ui": "Demo for Kendo UI ComboBox widget API"
        },
        "meta": {
            "kendo-ui": "This sample shows all API functions for Kendo UI ComboBox widget."
        }
      },
      {
        "text": "RTL support",
        "disableInMobile": true,
        "url": "combobox/right-to-left-support",
        "title": {
            "kendo-ui": "Right-to-left support in Kendo UI ComboBox widget"
        },
        "meta": {
            "kendo-ui": "Build your app with Kendo UI ComboBox. This demo shows how RTL feature is supported in the component."
        }
      },
      {
        "text": "Keyboard navigation",
        "disableInMobile": true,
        "url": "combobox/keyboard-navigation",
        "title": {
            "kendo-ui": "Keyboard nagivation in Kendo UI ComboBox | Kendo UI Web demos"
        },
        "meta": {
            "kendo-ui": "Kendo UI ComboBox widget for web app development supports easy keyboard navigation. Play with the demo to explore the functionality."
        }
      },
      {
        "text": "MVVM",
        "url": "combobox/mvvm",
        "title": {
            "kendo-ui": "MVVM support in Kendo UI ComboBox"
        },
        "meta": {
            "kendo-ui": "Enabled, events, source, value and visible MVVM binding support in Kendo UI ComboBox"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      },
{
        "text": "AngularJS",
        "new": true,
        "url": "combobox/angular",
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI ComboBox"
        },
        "meta": {
            "kendo-ui": "AngularJS directive support for Kendo UI  ComboBox"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      }
    ],
    "category": "Editors"
  },
  {
    "text": "DatePicker",
    "name": "datepicker",
    "api": "web/datepicker",
    "documentation": {
       "kendo-ui": "getting-started/web/datepicker/overview",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/datepicker/overview",
       "jsp-ui": "getting-started/using-kendo-with/jsp/tags/datepicker/overview",
       "php-ui": "getting-started/using-kendo-with/php/widgets/datepicker/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/date-time-pickers",
       "aspnet-mvc": "aspnet-mvc/date-time-pickers",
       "jsp-ui": "jsp/date-picker-pickers",
       "php-ui": "php/date-time-pickers"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/datepicker",
       "aspnet-mvc": "aspnet-mvc/datetime",
       "jsp-ui": "jsp/date-time-pickers",
       "php-ui": "php/date-time-pickers"
    },
    "spriteCssClass": "datePickerIcon",
    "items": [
      {
        "text": "Basic usage",
        "url": "datepicker/index",
        "title": {
            "kendo-ui": "Kendo UI jQuery DatePicker Demo"
        },
        "meta": {
            "kendo-ui": "The demo shows how users can efforight-to-left-supportessly edit and select dates in the calendar. Combine date editing functionality and animated dropdown in a jQuery Datepicker control for your web app."
        }
      },
      {
        "text": "Range selection",
        "url": "datepicker/rangeselection",
        "title": {
            "kendo-ui": "Range selection in Kendo UI DatePicker | Kendo UI Web Demos"
        },
        "meta": {
            "kendo-ui": "This demo shows how the Datepicker component works for range selections. You can easily enable users to select a date range in a handy manner."
        }
      },
      {
        "text": "Customizing templates",
        "url": "datepicker/template",
        "title": {
            "kendo-ui": "Demo for customizing the template of Kendo UI DatePicker control"
        },
        "meta": {
            "kendo-ui": "This example demonstrates how you can use a custom template for your jQuery Kendo UI DatePicker control in your web app. Easily apply a special style for your template."
        }
      },
      {
        "text": "Events",
        "url": "datepicker/events",
        "title": {
            "kendo-ui": "Attach an event to Kendo UI jQuery DatePicker | Kendo UI Web Demos"
        },
        "meta": {
            "kendo-ui": "This sample shows how to access the events, attached to a date, as well as use Kendo UI Date Picker widget to pick a date or change it manually from the dropdown calendar."
        }
      },
      {
        "text": "API",
        "url": "datepicker/api",
        "title": {
            "kendo-ui": "Kendo UI DatePicker API Demo"
        },
        "meta": {
            "kendo-ui": "DatePicker API example shows how the API functions can be used to apply enable/disable functionality to jQuery-powered date picker control or open/close the calendar."
        }
      },
      {
        "packages": [
          "mvc-offline"
        ],
        "text": "Globalization",
        "url": "datepicker/globalization"
      },
      {
        "text": "RTL support",
        "disableInMobile": true,
        "url": "datepicker/right-to-left-support",
        "title": {
            "kendo-ui": "RTL support in Kendo UI DatePicker widget | Kendo UI Demo"
        },
        "meta": {
            "kendo-ui": "See how Kendo UI DatePicker component supports RTL functionality."
        }
      },
      {
        "text": "Keyboard navigation",
        "disableInMobile": true,
        "url": "datepicker/keyboard-navigation",
        "title": {
            "kendo-ui": "Keyboard navigation in Kendo UI DatePicker"
        },
        "meta": {
            "kendo-ui": "This example shows how the keyboard navigation functionality is supported in Kendo UI DatePicker widget."
        }
      },
      {
        "text": "MVVM",
        "url": "datepicker/mvvm",
        "title": {
            "kendo-ui": "MVVM support in Kendo UI DatePicker"
        },
        "meta": {
            "kendo-ui": "Enabled, events, value and visible MVVM binding support in Kendo UI DatePicker"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      },
{
        "text": "AngularJS",
        "new": true,
        "url": "datepicker/angular",
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI DatePicker"
        },
        "meta": {
            "kendo-ui": "AngularJS directive support for Kendo UI DatePicker"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      }
    ],
    "category": "Editors"
  },
  {
    "text": "DateTimePicker",
    "name": "datetimepicker",
    "api": "web/datetimepicker",
    "documentation": {
       "kendo-ui": "getting-started/web/datetimepicker/overview",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/datetimepicker/overview",
       "jsp-ui": "getting-started/using-kendo-with/jsp/tags/datetimepicker/overview",
       "php-ui": "getting-started/using-kendo-with/php/widgets/datetimepicker/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/date-time-pickers",
       "aspnet-mvc": "aspnet-mvc/date-time-pickers",
       "jsp-ui": "jsp/date-picker-pickers",
       "php-ui": "php/date-time-pickers"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/datepicker",
       "aspnet-mvc": "aspnet-mvc/datetime",
       "jsp-ui": "jsp/date-time-pickers",
       "php-ui": "php/date-time-pickers"
    },
    "spriteCssClass": "dateTimePickerIcon",
    "items": [
      {
        "text": "Basic usage",
        "url": "datetimepicker/index",
        "title": {
            "kendo-ui": "Kendo UI Date and Time picker example"
        },
        "meta": {
            "kendo-ui": "Kendo UI DateTimePicker control handles both dates and times. Learn more about the time/date selection functionality by playing with this demo."
        }
      },
      {
        "text": "Range selection",
        "url": "datetimepicker/rangeselection",
        "title": {
            "kendo-ui": "Date range selection functionality in Kendo UI DateTimePicker"
        },
        "meta": {
            "kendo-ui": "In Kendo UI DateTimePicker control, dates and times are handled in two different input boxes so that the user can easily select different date ranges."
        }
      },
      {
        "text": "Customizing templates",
        "url": "datetimepicker/template",
        "title": {
            "kendo-ui": "Templates customization example | Kendo UI DateTimePicker widget"
        },
        "meta": {
            "kendo-ui": "This example shows how templates of Kendo HTML5-based DateTimePicker widget can be customized to fit your application."
        }
      },
      {
        "text": "Events",
        "url": "datetimepicker/events",
        "title": {
            "kendo-ui": "Events in Kendo UI Date and Timepicker component"
        },
        "meta": {
            "kendo-ui": "This example shows which events are triggered when you change the date and time in Kendo UI DateTimePicker component."
        }
      },
      {
        "text": "API",
        "url": "datetimepicker/api",
        "title": {
            "kendo-ui": "Kendo UI DateTimePicker API Demo"
        },
        "meta": {
            "kendo-ui": "Play with the demo to explore Kendo UI DateTimePicker API and all API functions."
        }
      },
      {
        "packages": [
          "mvc-offline"
        ],
        "text": "Globalization",
        "url": "datetimepicker/globalization"
      },
      {
        "text": "RTL support",
        "disableInMobile": true,
        "url": "datetimepicker/right-to-left-support",
        "title": {
            "kendo-ui": "Right-to-left support in Kendo UI DateTimePicker control | Kendo UI Demo"
        },
        "meta": {
            "kendo-ui": "Choose a date and see how the date and the time are displayed from right to left in Kendo UI DateTimePicker component."
        }
      },
      {
        "text": "Keyboard navigation",
        "disableInMobile": true,
        "url": "datetimepicker/keyboard-navigation",
        "title": {
            "kendo-ui": "Keyboard navigation in Kendo UI DateTimePicker widget"
        },
        "meta": {
            "kendo-ui": "By using the keyboard, you can easily select date and time in Kendo UI DateTimePicker, trigger an event or highlight a specific day."
        }
      },
      {
        "text": "MVVM",
        "url": "datetimepicker/mvvm",
        "title": {
            "kendo-ui": "MVVM support in Kendo UI DateTimePicker"
        },
        "meta": {
            "kendo-ui": "Enabled, events, value and visible MVVM binding support in Kendo UI DateTimePicker"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      },
{
        "text": "AngularJS",
        "new": true,
        "url": "datetimepicker/angular",
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI DateTimePicker"
        },
        "meta": {
            "kendo-ui": "AngularJS directive support for Kendo UI DateTimePicker"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      }
    ],
    "category": "Editors"
  },
  {
    "text": "DropDownList",
    "name": "dropdownlist",
    "api": "web/dropdownlist",
    "documentation": {
       "kendo-ui": "getting-started/web/dropdownlist/overview",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/dropdownlist/overview",
       "jsp-ui": "getting-started/using-kendo-with/jsp/tags/dropdownlist/overview",
       "php-ui": "getting-started/using-kendo-with/php/widgets/dropdownlist/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/dropdownlist",
       "aspnet-mvc": "aspnet-mvc/dropdownlist",
       "jsp-ui": "jsp/dropdownlist",
       "php-ui": "php/dropdownlist"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/dropdownlist",
       "aspnet-mvc": "aspnet-mvc/dropdownlist",
       "jsp-ui": "jsp/dropdownlist",
       "php-ui": "php/dropdownlist"
    },
    "spriteCssClass": "dropDownListIcon",
    "items": [
      {
        "text": "Basic usage",
        "url": "dropdownlist/index",
        "title": {
            "kendo-ui": "Demo for jQuery-powered DropDownList widget in Kendo UI Web"
        },
        "meta": {
            "kendo-ui": "How to easily implement an interactive DropDownlist with user-friendly UI - look at the demo and play with Kendo UI DropDownList."
        }
      },
      {
        "text": "Binding to remote data",
        "url": "dropdownlist/remotedatasource",
        "title": {
            "kendo-ui": "Remote Data binding demo | Kendo UI DropDownList widget"
        },
        "meta": {
            "kendo-ui": "The dropdown list of Kendo HTML5 widget can load data from a remote source. This example shows binding to remote data functionality of the component."
        }
      },
      {
        "text": "Server filtering",
        "url": "dropdownlist/serverfiltering",
        "new": true,
        "title": {
            "kendo-ui": "Example of Server filtering in Kendo UI DropDownList widget"
        },
        "meta": {
            "kendo-ui": "See how the auto-searchable dropdown list of Kendo UI DropDownList is filtered on the the server based on the input."
        }
      },
      {
        "packages": [
          "mvc-offline",
          "jsp"
        ],
        "new": true,
        "text": "Client filtering",
        "url": "dropdownlist/clientfiltering"
      },
      {
        "text": "Customizing templates",
        "url": "dropdownlist/template",
        "title": {
            "kendo-ui": "Customize items in Kendo UI DropDownList component"
        },
        "meta": {
            "kendo-ui": "This example shows how you can customize the appearance of the items and easily customize templates in jQuery-based Kendo UI DropDownList widget."
        }
      },
      {
        "text": "Cascading DropDownList",
        "url": "dropdownlist/cascadingdropdownlist",
        "title": {
            "kendo-ui": "Example of cascading DropDownList | Kendo UI Dropdownlist Demo"
        },
        "meta": {
            "kendo-ui": "This demo shows how the cascading jQuery dropdown works in Kendo UI DropDownList widget."
        }
      },
      {
        "text": "Custom data source",
        "url": "dropdownlist/custom-datasource",
        "packages": [
          "mvc-offline"
        ]
      },
      {
        "text": "Events",
        "url": "dropdownlist/events",
        "title": {
            "kendo-ui": "Demo for events in Kendo UI DropDownList component"
        },
        "meta": {
            "kendo-ui": "This demo explains how the cascading jQuery dropdown works in Kendo UI DropDownList widget."
        }
      },
      {
        "text": "API",
        "url": "dropdownlist/api",
        "title": {
            "kendo-ui": "Example of Kendo UI jQuery DropDownList API"
        },
        "meta": {
            "kendo-ui": "Explore API functions of Kendo UI DropDownList to find how to enable or disable the dropdown list, open and close it or just manipulate the items."
        }
      },
      {
        "text": "RTL support",
        "disableInMobile": true,
        "url": "dropdownlist/right-to-left-support",
        "title": {
            "kendo-ui": "RTL feature in Kendo UI DropDownList"
        },
        "meta": {
            "kendo-ui": "In this Kendo UI demo, we illustrate how the RTL support is enabled in Kendo UI DropDownList component."
        }
      },
      {
        "text": "Keyboard navigation",
        "disableInMobile": true,
        "url": "dropdownlist/keyboard-navigation",
        "title": {
            "kendo-ui": "Kendo UI DropdownList | Keyboard navigation demo"
        },
        "meta": {
            "kendo-ui": "Kendo UI DropDownList supports keyboard navigation that lets you efforight-to-left-supportessly navigate in the dropdown widget by using the keyboard."
        }
      },
      {
        "text": "MVVM",
        "url": "dropdownlist/mvvm",
        "title": {
            "kendo-ui": "MVVM support in Kendo UI DropDownList"
        },
        "meta": {
            "kendo-ui": "Enabled, events, source, value and visible MVVM binding support in Kendo UI DropDownList"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      },
{
        "text": "AngularJS",
        "new": true,
        "url": "dropdownlist/angular",
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI DropDownList"
        },
        "meta": {
            "kendo-ui": "AngularJS directive support for Kendo UI DropDownList"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      }
    ],
    "category": "Editors"
  },
  {
    "text": "Editor",
    "name": "editor",
    "pro": "true",
    "disableInMobile": true,
    "api": "web/editor",
    "documentation": {
       "kendo-ui": "getting-started/web/editor/overview",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/editor/overview",
       "jsp-ui": "getting-started/using-kendo-with/jsp/tags/editor/overview",
       "php-ui": "getting-started/using-kendo-with/php/widgets/editor/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/editor",
       "aspnet-mvc": "aspnet-mvc/editor",
       "jsp-ui": "jsp/editor",
       "php-ui": "php/editor"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/editor",
       "aspnet-mvc": "aspnet-mvc/editor",
       "jsp-ui": "jsp/editor",
       "php-ui": "php/editor"
    },
    "spriteCssClass": "editorIcon",
    "items": [
      {
        "text": "Basic usage",
        "url": "editor/index",
        "disableInMobile": true,
        "title": {
            "kendo-ui": "Demo for jQuery WYSIWYG editor in Kendo UI Web framework"
        },
        "meta": {
            "kendo-ui": "This example of Kendo UI WYSIWYG editor component shows how you can implement this easy-to-use and beautiful editor in your web app."
        }
      },
      {
        "text": "Inline editing",
        "url": "editor/inline-editing",
        "title": {
            "kendo-ui": "Inline editing functionality of Kendo UI WYSIWYG jQuery Editor"
        },
        "meta": {
            "kendo-ui": "This example shows how to use the Kendo UI Editor to edit parts of the page inline, allowing authors to see the page in its final state."
        }
      },
      {
        "text": "Custom tools",
        "url": "editor/custom-tools",
        "disableInMobile": true,
        "title": {
            "kendo-ui": "Custom tools for Kendo UI WYSIWYG jQuery Editor"
        },
        "meta": {
            "kendo-ui": "This example shows how you can easily customize some of Kendo UI Editor native tools. You can also create completely custom tools for the component."
        }
      },
      {
        "text": "File and image browser",
        "url": "editor/imagebrowser",
        "disableInMobile": true,
        "title": {
            "kendo-ui": "File and image browser in Kendo UI Editor | Kendo UI demo"
        },
        "meta": {
            "kendo-ui": "In this demo we will see how the sleek image browser is nicely implemented in Kendo UI Editor widget."
        },
        "packages": [
          "online",
          "mvc",
          "jsp",
          "php"
        ]
      },
      {
        "text": "All tools",
        "url": "editor/all-tools",
        "disableInMobile": true,
        "title": {
            "kendo-ui": "All tools demo in Kendo UI HTML5-based Editor widget"
        },
        "meta": {
            "kendo-ui": "This example illustrates the core HTML editing engine in Kendo UI Editor widget. Get familiar with all features of the component for any HTML5 website or web app."
        }
      },
      {
        "text": "Snippets",
        "url": "editor/snippets",
        "disableInMobile": true,
        "title": {
            "kendo-ui": "Demo for snippets feature of Kendo UI Editor widget"
        },
        "meta": {
            "kendo-ui": "This example demonstrates the snippet feature of Kendo UI Editor. See how you can quickly insert HTML code snippet into web-based editor in your app."
        }
      },
      {
        "text": "Styles",
        "url": "editor/styles",
        "disableInMobile": true,
        "title": {
            "kendo-ui": "Style tool demo for Kendo UI HTML5-based web editor |┬áKendo UI Demos"
        },
        "meta": {
            "kendo-ui": "This example shows how you can use Kendo UI Editor's style tool to customize the content of the widget with CSS classes."
        }
      },
      {
        "text": "Events",
        "url": "editor/events",
        "title": {
            "kendo-ui": "Example for events in Kendo UI Editor component "
        },
        "meta": {
            "kendo-ui": "This demo illustrates which events are fired when the editor is blurred, its content is changed or a command is executed."
        }
      },
      {
        "packages": [
          "mvc-offline"
        ],
        "text": "Globalization",
        "url": "editor/globalization"
      },
      {
        "text": "API",
        "url": "editor/api",
        "disableInMobile": true,
        "title": {
            "kendo-ui": "API demo for Kendo UI Web Editor component"
        },
        "meta": {
            "kendo-ui": "This examples show how the API of Kendo UI Editor works in action and how the content in the editor can be easily manipulated via the API."
        }
      },
      {
        "text": "Localization",
        "new": true,
        "disableInMobile": true,
        "url": "editor/localization",
        "title": {
            "kendo-ui": "Localization support in Kendo UI Editor"
        },
        "meta": {
            "kendo-ui": "With Kendo UI Editor you can allow end users to edit HTML5 in a user-friendly way. Check out this demo to learn more about the localization support in the widget."
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      },
      {
        "text": "RTL support",
        "disableInMobile": true,
        "url": "editor/right-to-left-support",
        "title": {
            "kendo-ui": "RTL support in Kendo UI Editor"
        },
        "meta": {
            "kendo-ui": "With Kendo UI Editor you can allow end users to edit HTML5 in a user-friendly way. Check out this demo to learn more about the RTL support in the widget."
        }
      },
      {
        "text": "Keyboard navigation",
        "disableInMobile": true,
        "url": "editor/keyboard-navigation",
        "title": {
            "kendo-ui": "Keyboard navigation in Kendo UI Editor"
        },
        "meta": {
            "kendo-ui": "Kendo UI Editor is another widget that supports keyboard navigation. Check out the demo to learn how to implement it in your app."
        }
      },
      {
        "text": "MVVM",
        "url": "editor/mvvm",
        "disableInMobile": true,
        "title": {
            "kendo-ui": "MVVM support in Kendo UI Editor"
        },
        "meta": {
            "kendo-ui": "Events, value and visible MVVM binding support in Kendo UI Editor"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      },
{
        "text": "AngularJS",
        "new": true,
        "url": "editor/angular",
        "disableInMobile": true,
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI Editor"
        },
        "meta": {
            "kendo-ui": "AngularJS directive support for Kendo UI Editor"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      }
    ],
    "category": "Editors"
  },
  {
    "text": "Grid",
    "name": "grid",
    "pro": "true",
    "api": "web/grid",
    "documentation": {
       "kendo-ui": "getting-started/web/grid/overview",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/grid/overview",
       "jsp-ui": "getting-started/using-kendo-with/jsp/tags/grid/overview",
       "php-ui": "getting-started/using-kendo-with/php/widgets/grid/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/grid",
       "aspnet-mvc": "aspnet-mvc/grid",
       "jsp-ui": "jsp/grid",
       "php-ui": "php/grid"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/grid",
       "aspnet-mvc": "aspnet-mvc/grid",
       "jsp-ui": "jsp/grid",
       "php-ui": "php/grid"
    },
    "spriteCssClass": "gridIcon",
    "items": [
      {
        "text": "Basic usage",
        "url": "grid/index",
        "title": {
            "kendo-ui": "jQuery Grid control example | Kendo UI Grid Demos"
        },
        "meta": {
            "kendo-ui": "This demo for Kendo UI jQuery-based Grid component shows how you can make your static HTML tables and raw data much more interactive to match your modern web app."
        }
      },
      {
        "text": "Initialization from table",
        "url": "grid/from-table",
        "title": {
            "kendo-ui": "jQuery Grid Initialization from a table | KendoGrid demo"
        },
        "meta": {
            "kendo-ui": "This demo shows how jQuery Grid widget in Kendo UI Web displays tabular data once the grid is created from HTML5 element with defined columns and table elements."
        },
        "packages": [
          "!mvc",
          "!php",
          "!jsp"
        ]
      },
      {
        "text": "Binding to local data",
        "url": "grid/local-data-binding",
        "title": {
            "kendo-ui": "Binding to local data in Kendo UI Grid | Kendo UI Web"
        },
        "meta": {
            "kendo-ui": "This sample demonstrates how we can bind Kendo UI Grid widget to local JSON Data by using Kendo UI DataSource component."
        }
      },
      {
        "text": "Binding to remote data",
        "url": "grid/remote-data-binding",
        "title": {
            "kendo-ui": "Remote data binding example in KendoGrid"
        },
        "meta": {
            "kendo-ui": "This example and demo source code illustrate how KendoGrid component can be bound to remote data by using the DataSource component."
        }
      },
      {
        "text": "Binding to Telerik Backend Services",
        "url": "grid/everlive",
        "title": {
            "kendo-ui": "Binding to Telerik Backend Services | Kendo UI Grid demo"
        },
        "meta": {
            "kendo-ui": "This example shows how the Kendo UI Grid can be bound to Telerik Backend Services which will provide the backend functionality"
        },
        "packages": [
          "!jsp",
          "!php"
        ]
      },
      {
        "text": "Binding to SignalR",
        "url": "grid/signalr",
        "title": {
            "kendo-ui": "Real-time Binding to SignalR Hub"
        },
        "meta": {
            "kendo-ui": "This example shows how the Kendo UI Grid can be bound to SignalR Hub for real-time push notifications"
        },
        "packages": [
          "!jsp",
          "!php"
        ]
      },
      {
        "text": "Binding to WebSocket",
        "url": "grid/web-socket",
        "title": {
            "kendo-ui": "Real-time Binding to WebSocket"
        },
        "meta": {
            "kendo-ui": "This example shows how the Kendo UI Grid can be bound to a WebSocket for real-time push notifications"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      },
      {
        "text": "Custom ajax binding",
        "url": "grid/customajaxbinding",
        "packages": [
          "mvc-offline"
        ]
      },
      {
        "text": "Custom data source",
        "url": "grid/custom-datasource",
        "packages": [
          "mvc-offline"
        ]
      },
      {
        "text": "OData binding",
        "url": "grid/odata",
        "packages": [
          "mvc-offline"
        ]
      },
      {
        "text": "Web API binding",
        "url": "grid/webapi",
        "packages": [
          "mvc-offline"
        ]
      },
      {
        "text": "Server binding",
        "url": "grid/serverbinding",
        "packages": [
          "mvc-offline"
        ]
      },
      {
        "text": "Custom server binding",
        "url": "grid/customserverbinding",
        "packages": [
          "mvc-offline"
        ]
      },
      {
        "text": "Batch editing",
        "url": "grid/editing",
        "title": {
            "kendo-ui": "Batch editing example for Kendo UI jQuery Grid control"
        },
        "meta": {
            "kendo-ui": "This demo illustrates the batch editing feature of Kendo UI jQuery Grid. Find the source code which shows how to send changes to the server as a batch."
        }
      },
      {
        "text": "Inline editing",
        "url": "grid/editing-inline",
        "title": {
            "kendo-ui": "Applying inline editing in Kendo UI Grid"
        },
        "meta": {
            "kendo-ui": "This sample demonstrates how the values in the cells of KendoGrid can be easily changed. Try the demo source code to find how inline data grid can be deleted and modified."
        }
      },
      {
        "text": "Popup editing",
        "url": "grid/editing-popup",
        "title": {
            "kendo-ui": "Popup data editing example for Kendo UI Grid widget"
        },
        "meta": {
            "kendo-ui": "This demo illustrates how the records in KendoGrid can be easily modified in a pop-up dialog."
        }
      },
      {
        "text": "Editing custom editor",
        "url": "grid/editing-custom",
        "title": {
            "kendo-ui": "jQuery Grid Custom Editing example | Kendo UI Grid Demo"
        },
        "meta": {
            "kendo-ui": " This example illustrates how editing in KendoGrid can be further customized with the custom editor and using DataSource component."
        }
      },
      {
        "text": "Server editing",
        "url": "grid/serverediting",
        "packages": [
          "mvc-offline"
        ]
      },
      {
        "text": "Custom validator editing",
        "url": "grid/editing-custom-validation",
        "title": {
            "kendo-ui": "Custom Validation example for Kendo UI Grid widget"
        },
        "meta": {
            "kendo-ui": " This example demonstrates how to implement custom validation rule in a Kendo UI Grid."
        }
      },
      {
        "text": "Paging",
        "url": "grid/paging",
        "packages": [
          "mvc-offline"
        ]
      },
      {
        "text": "Virtualization of local data",
        "disableInMobile": true,
        "url": "grid/virtualization-local-data",
        "title": {
            "kendo-ui": "Example of local data virtualization in Kendo UI Grid control"
        },
        "meta": {
            "kendo-ui": "This demo shows how built-in UI virtualization for highly optimized binding to large data sets is enabled in KendoGrid widget. Demo source code helps you reproduce and utilize the functionality."
        },
        "packages": [
          "!mvc"
        ]
      },
      {
        "text": "Virtualization of remote data",
        "url": "grid/virtualization-remote-data",
        "title": {
            "kendo-ui": "Demo for Kendo UI Grid virtualization to remote data"
        },
        "meta": {
            "kendo-ui": "This sample shows how KendoGrid UI virtualization is enabled to remote data."
        }
      },
      {
        "text": "Hierarchy",
        "url": "grid/hierarchy",
        "title": {
            "kendo-ui": "Hierarchical Kendo UI Grid | Kendo UI Web"
        },
        "meta": {
            "kendo-ui": "This demo illustrates the hierarchical data grid feature of Kendo UI Grid widget. Try the demo source code to play with the grid in your web app."
        }
      },
      {
        "text": "Server hierarchy",
        "url": "grid/serverhierarchy",
        "packages": [
          "mvc-offline"
        ]
      },
      {
        "text": "Detail template",
        "url": "grid/detailtemplate",
        "title": {
            "kendo-ui": "Detail template demo in Kendo UI Grid control"
        },
        "meta": {
            "kendo-ui": "This example shows how records in the data grid widget can be presented with a detailed template."
        }
      },
      {
        "text": "Server detail template",
        "url": "grid/serverdetails",
        "packages": [
          "mvc-offline"
        ]
      },
      {
        "text": "Toolbar template",
        "url": "grid/toolbar-template",
        "title": {
            "kendo-ui": "Toolbar template demo for Kendo UI HTML5 Grid control"
        },
        "meta": {
            "kendo-ui": "This Kendo UI Grid example shows how you can add custom toolbars to the grid and create toolbar templates."
        }
      },
      {
        "text": "Column header template",
        "url": "grid/headertemplate",
        "packages": [
          "mvc-offline"
        ]
      },
      {
        "text": "Custom command",
        "url": "grid/custom-command",
        "title": {
            "kendo-ui": "Custom commands demo for Kendo UI Grid widget"
        },
        "meta": {
            "kendo-ui": "This demo demonstrates the functionality to apply custom commands to KendoGrid. Look at the source code to find how to set the text attribute and command name for the grid component."
        }
      },
      {
        "text": "Aggregates",
        "url": "grid/aggregates",
        "title": {
            "kendo-ui": "Aggregating option demo for KendoGrid jQuery control"
        },
        "meta": {
            "kendo-ui": "This example demonstrates the aggregate option for KendoGrid. Use demo source code to enable the grid to calculate aggregated values."
        }
      },
      {
        "text": "Filter menu customization",
        "url": "grid/filter-menu-customization",
        "title": {
            "kendo-ui": "Filter menu customization in Kendo UI Grid | Kendo UI Web Demo"
        },
        "meta": {
            "kendo-ui": "In this example we will learn how to customize the filter menu of Kendo UI Grid component."
        }
      },
    {
        "text": "Filter row",
        "new": true,
        "url": "grid/filter-row",
        "title": {
            "kendo-ui": "Filter row in Kendo UI Grid | Kendo UI Web Demo"
        },
        "meta": {
            "kendo-ui": "In this example we will learn how to enable the filter row of Kendo UI Grid component."
        }
      },
      {
        "text": "Server aggregates",
        "url": "grid/serveraggregates",
        "packages": [
          "mvc-offline"
        ]
      },
      {
        "text": "Sorting",
        "url": "grid/sorting",
        "title": {
            "kendo-ui": "Demo for the sorting functionality of Kendo UI Grid control"
        },
        "meta": {
            "kendo-ui": "This example demonstrates how to sort the data in KendoGrid. Use the demo source code to look into the logic of the grid sorting and implement it easily in your app."
        }
      },
      {
        "text": "Selection",
        "url": "grid/selection",
        "title": {
            "kendo-ui": "Example of selection modes for KendoGrid component"
        },
        "meta": {
            "kendo-ui": "This example demonstrates different selection modes, supported by KendoGrid. Review the available selection options and apply the functionality to KendoGrid in your app."
        }
      },
      {
        "text": "ForeignKey column",
        "url": "grid/foreignkeycolumn",
        "title": {
            "kendo-ui": "Foreign Key Column demo in KendoGrid jQuery control"
        },
        "meta": {
            "kendo-ui": "This example shows the foreign key column functionality to cross-reference tables in KendoGrid component."
        }
      },
      {
        "text": "Column reordering",
        "url": "grid/column-reordering",
        "title": {
            "kendo-ui": "Columns reordering in Kendo UI Grid control | Kendo UI Web demo"
        },
        "meta": {
            "kendo-ui": "This demo shows column moving and reordering feature of KendoGrid control."
        }
      },
      {
        "text": "Column resizing",
        "url": "grid/column-resizing",
        "title": {
            "kendo-ui": "Column resizing feature of Kendo UI grid control | Kendo UI Grid demo"
        },
        "meta": {
            "kendo-ui": "This example demonstrates how resizing of columns in KendoGrid is enabled in the widget. Use the demo source code to change width/height of the column."
        }
      },
      {
        "text": "Column menu",
        "url": "grid/column-menu",
        "title": {
            "kendo-ui": "Column menu in Kendo UI Grid"
        },
        "meta": {
            "kendo-ui": "This demo shows column menu functionality of KendoGrid widget."
        }
      },
      {
        "text": "Frozen columns",
        "url": "grid/frozen-columns",
        "title": {
            "kendo-ui": "Static columns of Kendo UI Grid control | Kendo UI Web demo"
        },
        "meta": {
            "kendo-ui": "This demo shows locked columns feature of KendoGrid control."
        }
      },
      {
        "text": "Column Settings",
        "url": "grid/columnsettings",
        "packages": [
          "mvc-offline"
        ]
      },
      {
        "text": "Row template",
        "url": "grid/rowtemplate",
        "title": {
            "kendo-ui": "Changing row template in Kendo UI Grid widget"
        },
        "meta": {
            "kendo-ui": "This sample shows how to change the style and concert of row cells with KendoGrid Row templates."
        }
      },
      {
        "text": "Server row template",
        "url": "grid/serverrowtemplate",
        "packages": [
          "mvc-offline"
        ]
      },
      {
        "text": "Events",
        "url": "grid/events",
        "title": {
            "kendo-ui": "Example of using events in Kendo UI Grid control"
        },
        "meta": {
            "kendo-ui": "This example demonstrates different events which are available in KendoGrid widget and the code explains how you can use them for  your project."
        }
      },
      {
        "text": "API",
        "url": "grid/api",
        "title": {
            "kendo-ui": "KendoGrid API Demo"
        },
        "meta": {
            "kendo-ui": "This demo shows how API Functions can manipulate the contents and behavior of Kendo UI Grid widget."
        }
      },
      {
        "text": "Globalization",
        "url": "grid/globalization",
        "packages": [
          "mvc-offline"
        ]
      },
      {
        "text": "Localization",
        "new": true,
        "url": "grid/localization",
        "title": {
            "kendo-ui": "Kendo UI Grid localization demo"
        },
        "meta": {
            "kendo-ui": "This demo shows how Kendo UI Grid widget can be localized."
        },
        "packages": [
          "!mvc",
          "!php",
          "!jsp"
        ]
      },
      {
        "text": "RTL support",
        "disableInMobile": true,
        "url": "grid/right-to-left-support",
        "title": {
            "kendo-ui": "RTL support in Kendo UI Grid component"
        },
        "meta": {
            "kendo-ui": "In this example we will see how the Kendo UI Grid widget supports right-to-left spreadsheet grid for better user experience."
        }
      },
      {
        "text": "Keyboard navigation",
        "disableInMobile": true,
        "url": "grid/keyboard-navigation",
        "title": {
            "kendo-ui": "Keyboard navigation in Kendo UI Grid"
        },
        "meta": {
            "kendo-ui": "Look at this Kendo UI Grid demo to learn how different keyboard combinations could be used to navigate in the component."
        }
      },
      {
        "text": "MVVM",
        "url": "grid/mvvm",
        "title": {
            "kendo-ui": "MVVM support in Kendo UI Grid"
        },
        "meta": {
            "kendo-ui": "Events, source and visible MVVM binding support in Kendo UI Grid"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      },
      {
        "text": "Adaptive Rendering",
        "url": "grid/adaptive",
        "title": {
            "kendo-ui": "Adaptive Rendering of Kendo UI Grid"
        },
        "mobile": "true",
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      },
      {
        "text": "AngularJS",
        "new": true,
        "url": "grid/angular",
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI Grid"
        },
        "meta": {
            "kendo-ui": "AngularJS directive support for Kendo UI Grid"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      }
    ],
    "category": "Data Management"
  },
  {
    "text": "PivotGrid",
    "name": "pivotgrid",
    "pro": "true",
    "beta": "true",
    "api": "web/pivotgrid",
    "documentation": {
       "kendo-ui": "getting-started/web/pivotgrid/overview",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/pivotgrid/overview",
       "jsp-ui": "getting-started/using-kendo-with/jsp/tags/pivotgrid/overview",
       "php-ui": "getting-started/using-kendo-with/php/widgets/pivotgrid/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/pivotgrid",
       "aspnet-mvc": "aspnet-mvc/pivotgrid",
       "jsp-ui": "jsp/pivotgrid",
       "php-ui": "php/pivotgrid"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/pivotgrid",
       "aspnet-mvc": "aspnet-mvc/pivotgrid",
       "jsp-ui": "jsp/pivotgrid",
       "php-ui": "php/pivotgrid"
    },
    "spriteCssClass": "pivotGridIcon",
    "items": [
      {
        "text": "Basic usage",
        "url": "pivotgrid/index",
        "title": {
            "kendo-ui": "jQuery PivotGrid control example | Kendo UI PivotGrid Demos"
        },
        "meta": {
            "kendo-ui": "This demo for Kendo UI jQuery-based PivotGrid component shows how you can make a data summarization tool."
        }
      },
      {
        "text": "Remote binding",
        "url": "pivotgrid/remote-flat-data-binding",
        "title": {
            "kendo-ui": "Binding Pivot Grid to flat remote data"
        },
        "meta": {
            "kendo-ui": "This demo for Kendo UI jQuery-based PivotGrid component shows how you can poplate the widget with remote flat data."
        }
      },
      {
        "text": "Local binding",
        "url": "pivotgrid/local-flat-data-binding",
        "title": {
            "kendo-ui": "Binding Pivot Grid to local data"
        },
        "meta": {
            "kendo-ui": "This demo for Kendo UI jQuery-based PivotGrid component shows how you can poplate the widget with local flat data."
        }
      },
      {
        "text": "AngularJS",
        "url": "pivotgrid/angular",
        "title": {
          "kendo-ui": "AngularJS support in Kendo UI PivotGrid"
        },
        "meta": {
          "kendo-ui": "AngularJS directive support for Kendo UI PivotGrid"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      }
    ],
    "category": "Data Management"
  },
  {
    "text": "ListView",
    "name": "listview",
    "api": "web/listview",
    "documentation": {
       "kendo-ui": "getting-started/web/listview/overview",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/listview/overview",
       "jsp-ui": "getting-started/using-kendo-with/jsp/tags/listview/overview",
       "php-ui": "getting-started/using-kendo-with/php/widgets/listview/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/listview",
       "aspnet-mvc": "aspnet-mvc/listview",
       "jsp-ui": "jsp/listview",
       "php-ui": "php/listview"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/listview",
       "aspnet-mvc": "aspnet-mvc/listview",
       "jsp-ui": "jsp/listview",
       "php-ui": "php/listview"
    },
    "spriteCssClass": "listViewIcon",
    "items": [
      {
        "text": "Basic usage",
        "url": "listview/index",
        "title": {
            "kendo-ui": "jQuery ListView control example| KendoListView Demo"
        },
        "meta": {
            "kendo-ui": "This KendoListView example demonstrates the basic functionality of the widget. With jQuery-based ListView widget in Kendo UI, you can specify custom layout for the items in the control."
        }
      },
      {
        "text": "Binding to remote data",
        "url": "listview/remote-data-binding",
        "title": {
            "kendo-ui": "Example for Jquery Listview binding to remote data | Kendo UI demos"
        },
        "meta": {
            "kendo-ui": "This Kendo UI ListView demo shows how the control can be bound to remote data by using Kendo UI DataSource component."
        },
        "packages": [
          "!mvc"
        ]
      },
      {
        "text": "Custom data source",
        "url": "listview/custom-datasource",
        "packages": [
          "mvc-offline"
        ]
      },
      {
        "text": "Editing",
        "url": "listview/editing",
        "title": {
            "kendo-ui": "Editing records in Kendo UI ListView widget"
        },
        "meta": {
            "kendo-ui": "This example demonstrates the option to easily edit records in Kendo UI ListView widget. Learn how to edit records and manipulate the behavior of the contents."
        }
      },
      {
        "text": "Selection",
        "url": "listview/selection",
        "title": {
            "kendo-ui": "Items selection demo for Kendo UI ListView widget"
        },
        "meta": {
            "kendo-ui": "This demo shows items in KendoListView can be selected. Find how to select multiple items and configure the behavior of the widget."
        }
      },
      {
        "text": "RTL support",
        "disableInMobile": true,
        "url": "listview/right-to-left-support",
        "title": {
            "kendo-ui": "RTL support in Kendo UI ListView"
        },
        "meta": {
            "kendo-ui": "This demo shows how the right-to-left feature is supported in Kendo UI ListView component."
        }
      },
      {
        "text": "Keyboard navigation",
        "disableInMobile": true,
        "url": "listview/keyboard-navigation",
        "title": {
            "kendo-ui": "Keyboard navigation in Kendo UI ListView widget"
        },
        "meta": {
            "kendo-ui": "In this example we will look at the supported keys and user actions in Kendo UI ListView control."
        }
      },
      {
        "text": "MVVM",
        "url": "listview/mvvm",
        "title": {
            "kendo-ui": "MVVM support in Kendo UI ListView"
        },
        "meta": {
            "kendo-ui": "Events, source and visible MVVM binding support in Kendo UI ListView"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      },
{
        "text": "AngularJS",
        "new": true,
        "url": "listview/angular",
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI ListView"
        },
        "meta": {
            "kendo-ui": "AngularJS directive support for Kendo UI ListView"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      }
    ],
    "category": "Data Management"
  },
  {
    "text": "MaskedTextBox",
    "name": "maskedtextbox",
    "api": "web/maskedtextbox",
    "documentation": {
       "kendo-ui": "getting-started/web/maskedtextbox/overview",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/maskedtextbox/overview",
       "jsp-ui": "getting-started/using-kendo-with/jsp/tags/maskedtextbox/overview",
       "php-ui": "getting-started/using-kendo-with/php/widgets/maskedtextbox/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/maskedtextbox",
       "aspnet-mvc": "aspnet-mvc/maskedtextbox",
       "jsp-ui": "jsp/maskedtextbox",
       "php-ui": "php/maskedtextbox"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/maskedtextbox",
       "aspnet-mvc": "aspnet-mvc/maskedtextbox",
       "jsp-ui": "jsp/maskedtextbox",
       "php-ui": "php/maskedtextbox"
    },
    "spriteCssClass": "maskedtextboxIcon",
    "items": [
      {
        "text": "Basic usage",
        "url": "maskedtextbox/index",
        "title": {
            "kendo-ui": "Primary features of Kendo UI Mask Input | Kendo UI Web demo"
        },
        "meta": {
            "kendo-ui": "This demo shows the core functionality of KendoMaskedTextBox component."
        }
      },
      {
        "text": "Events",
        "url": "maskedtextbox/events",
        "title": {
            "kendo-ui": "Events in Kendo UI MaskedTextBox widget"
        },
        "meta": {
            "kendo-ui": "This example shows events which are triggered in Kendo UI MaskedTextBox widget."
        }
      },
      {
        "text": "API",
        "url": "maskedtextbox/api",
        "title": {
            "kendo-ui": "API Functions Demo for KendoMaskedTextBox"
        },
        "meta": {
            "kendo-ui": "This demo shows specific API functions for KendoMaskedTextBox component."
        }
      },
      {
        "text": "Globalization",
        "url": "maskedtextbox/globalization",
        "title": {
            "kendo-ui": "Globalization Demo for KendoMaskedTextBox"
        },
        "meta": {
            "kendo-ui": "This demo shows KendoMaskedTextBox globalization support for decimal point, thousand separator and currency symbol."
        }
      },
      {
        "text": "RTL support",
        "disableInMobile": true,
        "url": "maskedtextbox/right-to-left-support",
        "title": {
            "kendo-ui": "RTL support in Kendo UI MaskedTextBox widget"
        },
        "meta": {
            "kendo-ui": "This demo shows how right-to-left input is implemented in Kendo UI MaskedTextBox component to ensure the satisfaction of RTL language users."
        }
      },
      {
        "text": "MVVM",
        "url": "maskedtextbox/mvvm",
        "title": {
            "kendo-ui": "MVVM support in Kendo UI MaskedTextBox"
        },
        "meta": {
            "kendo-ui": "Enabled, events, value and visible MVVM binding support in Kendo UI MaskedTextBox"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      },
      {
        "text": "Validation",
        "url": "maskedtextbox/validation",
        "title": {
            "kendo-ui": "Validation Demo for Kendo UI MaskedTextBox"
        },
        "meta": {
            "kendo-ui": "This demo shows how to validate an incomplete widget value"
        }
      },
      {
        "text": "AngularJS",
        "new": true,
        "url": "maskedtextbox/angular",
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI MaskedTextBox"
        },
        "meta": {
            "kendo-ui": "AngularJS directive support for Kendo UI MaskedTextBox"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      }
    ],
    "category": "Editors"
  },
  {
    "text": "Menu",
    "name": "menu",
    "api": "web/menu",
    "documentation": {
       "kendo-ui": "getting-started/web/menu/overview",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/menu/overview",
       "jsp-ui": "getting-started/using-kendo-with/jsp/tags/menu/overview",
       "php-ui": "getting-started/using-kendo-with/php/widgets/menu/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/menu",
       "aspnet-mvc": "aspnet-mvc/menu",
       "jsp-ui": "jsp/menu",
       "php-ui": "php/menu"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/menu",
       "aspnet-mvc": "aspnet-mvc/menu",
       "jsp-ui": "jsp/menu",
       "php-ui": "php/menu"
    },
    "spriteCssClass": "menuIcon",
    "items": [
      {
        "text": "Basic usage",
        "url": "menu/index",
        "title": {
            "kendo-ui": "Basic usage of Kendo UI Menu Navigation widget | Kendo UI Web demo"
        },
        "meta": {
            "kendo-ui": "In this Kendo UI Menu demo we will demonstrates the rich features of the component and its basic usage for your app."
        }
      },
      {
        "text": "Images",
        "url": "menu/images",
        "title": {
            "kendo-ui": "Images in KendoMenu control | Kendo UI Demo"
        },
        "meta": {
            "kendo-ui": "This KendoMenu example shows the feature which allows you to use menu with images. They can be loaded from a specific URL or be arranged in image sprite CSS class."
        }
      },
      {
        "text": "Direction",
        "url": "menu/direction",
        "title": {
            "kendo-ui": "Kendo UI Menu direction demo"
        },
        "meta": {
            "kendo-ui": "This demo shows how the pop-up direction of the items in Kendo UI dropdown jQuery menu can be changed, depending on your web app development needs."
        }
      },
      {
        "text": "Orientation",
        "title": {
            "kendo-ui": "Orientation of dropdown menus in Kendo UI Menu widget"
        },
        "url": "menu/orientation",
        "meta": {
            "kendo-ui": "In this example we will see how the orientation of the Kendo UI Menu can be easily modified through the orientation settings."
        }
      },
      {
        "packages": [
          "mvc-offline"
        ],
        "text": "SiteMapBinding",
        "url": "menu/sitemapbinding"
      },
      {
        "packages": [
          "mvc-offline"
        ],
        "text": "ModelBinding",
        "url": "menu/modelbinding"
      },
      {
        "text": "Animation effects",
        "url": "menu/animation",
        "title": {
            "kendo-ui": "Animation effects example in KendoMenu widget"
        },
        "meta": {
            "kendo-ui": "This sample demonstrates how KendoMenu HTML dropdown control supports animation effects which can be easily customized to change the desired animation effect."
        }
      },
      {
        "text": "Events",
        "url": "menu/events",
        "new": true,
        "title": {
            "kendo-ui": "Kendo UI jQuery Menu Events Sample | KendoMenu Demos"
        },
        "meta": {
            "kendo-ui": "This sample shows KendoMenu events which are enabled and the demo source code guides you how you can handle the events in your dropdown menu."
        }
      },
      {
        "text": "API",
        "url": "menu/api",
        "title": {
            "kendo-ui": "API functions demo for KendoMenu"
        },
        "meta": {
            "kendo-ui": "This demo illustrates how API functions of KendoMenu control operate and how you can configure them for your web project."
        }
      },
      {
        "text": "Context Menu",
        "url": "menu/context-menu",
        "new": true,
        "title": {
            "kendo-ui": "Kendo UI Context Menu example"
        },
        "meta": {
            "kendo-ui": "This example demonstrates how to use a Kendo UI ContextMenu widget."
        }
      },
      {
        "text": "RTL support",
        "disableInMobile": true,
        "url": "menu/right-to-left-support",
        "title": {
            "kendo-ui": "Right-to-left support in Kendo UI Menu control | Kendo UI Web Demo"
        },
        "meta": {
            "kendo-ui": "Review how the RTL feature is enabled for the dropdown items in Kendo UI Menu and in the menu labels of the widget."
        }
      },
      {
        "text": "Keyboard navigation",
        "disableInMobile": true,
        "url": "menu/keyboard-navigation",
        "title": {
            "kendo-ui": "Keyboard navigation in Kendo UI Menu"
        },
        "meta": {
            "kendo-ui": "This example demonstrates how the keyboard navigation is a supported feature in Kendo UI Menu widget."
        }
      },
      {
        "text": "MVVM",
        "url": "menu/mvvm",
        "title": {
            "kendo-ui": "MVVM support in Kendo UI Menu"
        },
        "meta": {
            "kendo-ui": "Events and visible MVVM binding support in Kendo UI Menu"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      },
      {
        "text": "AngularJS",
        "new": true,
        "url": "menu/angular",
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI Menu"
        },
        "meta": {
            "kendo-ui": "AngularJS directive support for Kendo UI Menu"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      },
      {
        "text": "AngularJS - ContextMenu",
        "new": true,
        "url": "menu/context-menu-angular",
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI ContextMenu"
        },
        "meta": {
            "kendo-ui": "AngularJS directive support for Kendo UI ContextMenu"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      }
    ],
    "category": "Navigation"
  },
  {
    "text": "MultiSelect",
    "name": "multiselect",
    "api": "web/multiselect",
    "documentation": {
       "kendo-ui": "getting-started/web/multiselect/overview",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/multiselect/overview",
       "jsp-ui": "getting-started/using-kendo-with/jsp/tags/multiselect/overview",
       "php-ui": "getting-started/using-kendo-with/php/widgets/multiselect/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/multi-select",
       "aspnet-mvc": "aspnet-mvc/multi-select",
       "jsp-ui": "jsp/multi-select",
       "php-ui": "php/multi-select"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/multiselect",
       "aspnet-mvc": "aspnet-mvc/multiselect",
       "jsp-ui": "jsp/multiselect",
       "php-ui": "php/multiselect"
    },
    "spriteCssClass": "multiselectIcon",
    "items": [
      {
        "text": "Basic usage",
        "url": "multiselect/index",
        "title": {
            "kendo-ui": "Kendo UI MultiSelect widget demo | Kendo UI Web Demos"
        },
        "meta": {
            "kendo-ui": "Play with this demo to see the core functionality of Kendo UI MultiSelect component in Kendo UI Web framework."
        }
      },
      {
        "text": "Server filtering",
        "url": "multiselect/serverfiltering",
        "title": {
            "kendo-ui": "Example of Server filtering in Kendo UI MultiSelect widget"
        },
        "meta": {
            "kendo-ui": "See how the auto-searchable dropdown list of Kendo UI MultiSelect is filtered on the the server based on the input."
        }
      },
      {
        "packages": [
          "mvc-offline",
          "jsp"
        ],
        "text": "Client filtering",
        "url": "multiselect/clientfiltering"
      },
      {
        "text": "Customizing templates",
        "url": "multiselect/template",
        "title": {
            "kendo-ui": "Templates customization of Kendo UI MultiSelect widget"
        },
        "meta": {
            "kendo-ui": "This Kendo UI MultiSelect demo shows how the template of the widget can be customized to change the appearance of items and tags."
        }
      },
      {
        "text": "Events",
        "url": "multiselect/events",
        "title": {
            "kendo-ui": "Events in Kendo UI MultiSelect Component | Kendo UI Demo"
        },
        "meta": {
            "kendo-ui": "This demo demonstrates the events which are triggered in Kendo UI MultiSelect upon user's selection of an item from the drop-down list."
        }
      },
      {
        "text": "API",
        "url": "multiselect/api",
        "title": {
            "kendo-ui": "API of Kendo UI MultiSelect component | Kendo UI Demo"
        },
        "meta": {
            "kendo-ui": "In this demo you will find more about the API functions of Kendo UI MultiSelect widget."
        }
      },
      {
        "text": "RTL support",
        "disableInMobile": true,
        "url": "multiselect/right-to-left-support",
        "title": {
            "kendo-ui": "RTL support in Kendo UI MultiSelect widget | Kendo UI Web demo"
        },
        "meta": {
            "kendo-ui": "This example shows how RTL support is enabled in Kendo UI MultiSelect. Any application or mobile website will be now intuitive for RTL language users."
        }
      },
      {
        "text": "Keyboard navigation",
        "disableInMobile": true,
        "url": "multiselect/keyboard-navigation",
        "title": {
            "kendo-ui": "Keyboard navigation in Kendo UI MultiSelect component | Kendo UI Web demo"
        },
        "meta": {
            "kendo-ui": "This demo shows how the keyboard navigation for Kendo UI MultiSelect widget works. Learn more how to use the keyboard shortcuts for easier navigation."
        }
      },
      {
        "text": "MVVM",
        "url": "multiselect/mvvm",
        "title": {
            "kendo-ui": "MVVM support in Kendo UI MultiSelect"
        },
        "meta": {
            "kendo-ui": "Enabled, events, source, value and visible MVVM binding support in Kendo UI MultiSelect"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      },
{
        "text": "AngularJS",
        "new": true,
        "url": "multiselect/angular",
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI MultiSelect"
        },
        "meta": {
            "kendo-ui": "AngularJS directive support for Kendo UI MultiSelect"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      }
    ],
    "category": "Editors"
  },
  {
    "text": "Notification",
    "name": "notification",
    "api": "web/notification",
    "documentation": {
       "kendo-ui": "getting-started/web/notification/overview",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/notification/overview",
       "jsp-ui": "getting-started/using-kendo-with/jsp/tags/notification/overview",
       "php-ui": "getting-started/using-kendo-with/php/widgets/notification/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/notification",
       "aspnet-mvc": "aspnet-mvc/notification",
       "jsp-ui": "jsp/notification",
       "php-ui": "php/notification"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/notification",
       "aspnet-mvc": "aspnet-mvc/notification",
       "jsp-ui": "jsp/notification",
       "php-ui": "php/notification"
    },
    "spriteCssClass": "notificationIcon",
    "items": [
      {
        "text": "Basic usage",
        "url": "notification/index",
        "title": {
            "kendo-ui": "Overview of Kendo UI Notification | Kendo UI Web demo"
        },
        "meta": {
            "kendo-ui": "This demo shows the core functionality of Kendo UI Notification component."
        }
      },
      {
        "text": "Position and stacking",
        "url": "notification/position-stacking",
        "title": {
            "kendo-ui": "Position and stacking of Kendo UI Notification | Kendo UI Web demo"
        },
        "meta": {
            "kendo-ui": "This demo shows the position and stacking behavior of the Kendo UI Notification component."
        }
      },
      {
        "text": "Templates",
        "url": "notification/templates",
        "title": {
            "kendo-ui": "Templates of Kendo UI Notification | Kendo UI Web demo"
        },
        "meta": {
            "kendo-ui": "Demo about using templates with the Kendo UI Notification component."
        }
      },
      {
        "text": "Events",
        "url": "notification/events",
        "title": {
            "kendo-ui": "Events of Kendo UI Notification | Kendo UI Web demo"
        },
        "meta": {
            "kendo-ui": "Demo about using events and handlers with the Kendo UI Notification component."
        }
      },
      {
        "text": "API",
        "url": "notification/api",
        "title": {
            "kendo-ui": "API of Kendo UI Notification | Kendo UI Web demo"
        },
        "meta": {
            "kendo-ui": "Demo about using the API of the Kendo UI Notification component."
        }
      },
      {
        "text": "RTL support",
        "disableInMobile": true,
        "url": "notification/right-to-left-support",
        "title": {
            "kendo-ui": "RTL Support of Kendo UI Notification | Kendo UI Web demo"
        },
        "meta": {
            "kendo-ui": "Demo about the RTL support of the Kendo UI Notification component."
        }
      },
      {
        "text": "AngularJS",
        "new": true,
        "url": "notification/angular",
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI Notification"
        },
        "meta": {
            "kendo-ui": "AngularJS directive support for Kendo UI Notification"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      }
    ],
    "category": "Layout"
  },
  {
    "text": "NumericTextBox",
    "name": "numerictextbox",
    "api": "web/numerictextbox",
    "documentation": {
       "kendo-ui": "getting-started/web/numerictextbox/overview",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/numerictextbox/overview",
       "jsp-ui": "getting-started/using-kendo-with/jsp/tags/numerictextbox/overview",
       "php-ui": "getting-started/using-kendo-with/php/widgets/numerictextbox/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/numeric-textbox",
       "aspnet-mvc": "aspnet-mvc/numeric-textbox",
       "jsp-ui": "jsp/numeric-textbox",
       "php-ui": "php/numeric-textbox"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/numerictextbox",
       "aspnet-mvc": "aspnet-mvc/numerictextbox",
       "jsp-ui": "jsp/numerictextbox",
       "php-ui": "php/numerictextbox"
    },
    "spriteCssClass": "numericTextBoxIcon",
    "items": [
      {
        "text": "Basic usage",
        "url": "numerictextbox/index",
        "title": {
            "kendo-ui": "Primary features of Kendo UI Numeric TextBox | Kendo UI Web demo"
        },
        "meta": {
            "kendo-ui": "This demo shows the core functionality of KendoNumericTextBox component."
        }
      },
      {
        "text": "Events",
        "url": "numerictextbox/events",
        "title": {
            "kendo-ui": "Events in Kendo UI NumericTextBox widget"
        },
        "meta": {
            "kendo-ui": "This example shows events which are triggered in Kendo UI NumericTextBox widget."
        }
      },
      {
        "text": "API",
        "url": "numerictextbox/api",
        "title": {
            "kendo-ui": "API Functions Demo for KendoNumericTextBox"
        },
        "meta": {
            "kendo-ui": "This demo shows specific API functions for KendoNumericTextBox component."
        }
      },
      {
        "packages": [
          "mvc-offline"
        ],
        "text": "Globalization",
        "url": "numerictextbox/globalization"
      },
      {
        "text": "RTL support",
        "disableInMobile": true,
        "url": "numerictextbox/right-to-left-support",
        "title": {
            "kendo-ui": "RTL support in Kendo UI NumericTextBox widget"
        },
        "meta": {
            "kendo-ui": "This demo shows how right-to-left input is implemented in Kendo UI Numeric TextBox component to ensure the satisfaction of RTL language users."
        }
      },
      {
        "text": "Keyboard navigation",
        "disableInMobile": true,
        "url": "numerictextbox/keyboard-navigation",
        "title": {
            "kendo-ui": "Keyboard navigation in Kendo UI NumericTextBox"
        },
        "meta": {
            "kendo-ui": "The value in Kendo UI NumericTextBox can be increased or decreased by using keyboard navigation combinations. Take a look at the demo to learn how."
        }
      },
      {
        "text": "MVVM",
        "url": "numerictextbox/mvvm",
        "title": {
            "kendo-ui": "MVVM support in Kendo UI NumericTextBox"
        },
        "meta": {
            "kendo-ui": "Enabled, events, value and visible MVVM binding support in Kendo UI NumericTextBox"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      },
{
        "text": "AngularJS",
        "new": true,
        "url": "numerictextbox/angular",
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI NumericTextBox"
        },
        "meta": {
            "kendo-ui": "AngularJS directive support for Kendo UI NumericTextBox"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      }
    ],
    "category": "Editors"
  },
  {
    "text": "PanelBar",
    "name": "panelbar",
    "api": "web/panelbar",
    "documentation": {
       "kendo-ui": "getting-started/web/panelbar/overview",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/panelbar/overview",
       "jsp-ui": "getting-started/using-kendo-with/jsp/tags/panelbar/overview",
       "php-ui": "getting-started/using-kendo-with/php/widgets/panelbar/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/panelbar",
       "aspnet-mvc": "aspnet-mvc/panelbar",
       "jsp-ui": "jsp/panelbar",
       "php-ui": "php/panelbar"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/panelbar",
       "aspnet-mvc": "aspnet-mvc/panelbar",
       "jsp-ui": "jsp/panelbar",
       "php-ui": "php/panelbar"
    },
    "spriteCssClass": "panelBarIcon",
    "items": [
      {
        "text": "Basic usage",
        "url": "panelbar/index",
        "title": {
            "kendo-ui": "Basic usage of Kendo UI PanelBar widget"
        },
        "meta": {
            "kendo-ui": "This example shows the core features of Kendo UI jQuery-based Accordion widget."
        }
      },
      {
        "text": "Images",
        "url": "panelbar/images",
        "title": {
            "kendo-ui": "Example of images in KendoPanelBar widget"
        },
        "meta": {
            "kendo-ui": "This demo shows how images and sprites can implemented in Kendo Expandable PanelBar component."
        }
      },
      {
        "text": "Loading content with AJAX",
        "url": "panelbar/ajax",
        "title": {
            "kendo-ui": "Example of loading content with AJAX in Kendo UI Accordion"
        },
        "meta": {
            "kendo-ui": "This example shows how content is loaded in KendoPanelBar component with AJAX."
        },
        "requiresServer": "true"
      },
      {
        "text": "Animation effects",
        "url": "panelbar/animation",
        "title": {
            "kendo-ui": "Animation effects example in Kendo UI Accordion component"
        },
        "meta": {
            "kendo-ui": "This demo shows how animations effects can be easily implemented into KendoPanelBar widget."
        }
      },
      {
        "text": "Events",
        "url": "panelbar/events",
        "title": {
            "kendo-ui": "Events in Kendo UI accordion widget | KendoPanelBar demo"
        },
        "meta": {
            "kendo-ui": "This example demonstrates how events in KendoPanelBar widget work and you can set them to expand the content area of the accordion."
        },
        "requiresServer": "true"
      },
      {
        "text": "API",
        "url": "panelbar/api",
        "title": {
            "kendo-ui": "Kendo UI Accordion Widget API Demo"
        },
        "meta": {
            "kendo-ui": "This sample shows the API functions of Kendo UI PanelBar component."
        }
      },
      {
        "text": "RTL support",
        "disableInMobile": true,
        "url": "panelbar/right-to-left-support",
        "title": {
            "kendo-ui": "Keyboard navigation in Kendo UI PanelBar widget | Kendo UI Web demo"
        },
        "meta": {
            "kendo-ui": "See how directions of the arrows in Kendo UI PanelBar are easily changed when moving from right to left."
        }
      },
      {
        "text": "Keyboard navigation",
        "disableInMobile": true,
        "url": "panelbar/keyboard-navigation",
        "title": {
            "kendo-ui": "Demo for keyboard navigation feature in Kendo UI Collapsible Panel"
        },
        "meta": {
            "kendo-ui": "Users can navigate in Kendo UI PanelBar by using the keyboard and different keyboard combinations. Play with the demo and implement the feature in your app."
        }
      },
      {
        "text": "MVVM",
        "url": "panelbar/mvvm",
        "title": {
            "kendo-ui": "MVVM support in Kendo UI PanelBar"
        },
        "meta": {
            "kendo-ui": "Events and visible MVVM binding support in Kendo UI PanelBar"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      },
{
        "text": "AngularJS",
        "new": true,
        "url": "panelbar/angular",
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI PanelBar"
        },
        "meta": {
            "kendo-ui": "AngularJS directive support for Kendo UI PanelBar"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      }
    ],
    "category": "Navigation"
  },
  {
    "text": "ProgressBar",
    "name": "progressbar",
    "api": "web/progressbar",
    "documentation": {
       "kendo-ui": "getting-started/web/progressbar/overview",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/progressbar/overview",
       "jsp-ui": "getting-started/using-kendo-with/jsp/tags/progressbar/overview",
       "php-ui": "getting-started/using-kendo-with/php/widgets/progressbar/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/progressbar",
       "aspnet-mvc": "aspnet-mvc/progressbar",
       "jsp-ui": "jsp/progressbar",
       "php-ui": "php/progressbar"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/progressbar",
       "aspnet-mvc": "aspnet-mvc/progressbar",
       "jsp-ui": "jsp/progressbar",
       "php-ui": "php/progressbar"
    },
    "spriteCssClass": "progressBarIcon",
    "items": [
      {
        "text": "Basic usage",
        "url": "progressbar/index",
        "title": {
            "kendo-ui": "Basic usage of Kendo UI ProgressBar widget"
        },
        "meta": {
            "kendo-ui": "This example shows the core widget features"
        }
      },
      {
        "text": "Chunk ProgressBar",
        "url": "progressbar/chunk",
        "title": {
            "kendo-ui": "Displaying a progress in chunks"
        },
        "meta": {
            "kendo-ui": ""
        }
      },
      {
        "text": "Vertical ProgressBar",
        "url": "progressbar/vertical",
        "title": {
            "kendo-ui": "Displaying a vertical progress"
        },
        "meta": {
            "kendo-ui": ""
        }
      },
      {
        "text": "Custom Label",
        "url": "progressbar/customlabel",
        "title": {
            "kendo-ui": "Displaying a custom progress label"
        },
        "meta": {
            "kendo-ui": ""
        }
      },
      {
        "text": "Events",
        "url": "progressbar/events",
        "title": {
            "kendo-ui": "Events in Kendo UI ProgressBar widget"
        },
        "meta": {
            "kendo-ui": ""
        }
      },
      {
        "text": "API",
        "url": "progressbar/api",
        "title": {
            "kendo-ui": "Kendo UI ProgressBar API demo"
        },
        "meta": {
            "kendo-ui": ""
        }
      },
      {
        "text": "RTL Support",
        "disableInMobile": true,
        "url": "progressbar/right-to-left-support",
        "title": {
            "kendo-ui": "Kendo UI ProgressBar RTL Support"
        },
        "meta": {
            "kendo-ui": ""
        }
      },
      {
        "text": "MVVM",
        "url": "progressbar/mvvm",
        "title": {
            "kendo-ui": "MVVM support for Kendo UI ProgressBar"
        },
        "meta": {
            "kendo-ui": ""
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      },
{
        "text": "AngularJS",
        "new": true,
        "url": "progressbar/angular",
        "title": {
            "kendo-ui": "AngularJS support for Kendo UI ProgressBar"
        },
        "meta": {
            "kendo-ui": ""
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      }
    ],
    "category": "Interactivity & UX"
  },
  {
    "text": "Scheduler",
    "name": "scheduler",
    "pro": "true",
    "api": "web/scheduler",
    "documentation": {
       "kendo-ui": "getting-started/web/scheduler/overview",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/scheduler/mvc-scheduler-overview",
       "jsp-ui": "getting-started/using-kendo-with/jsp/tags/scheduler/overview",
       "php-ui": "getting-started/using-kendo-with/php/widgets/scheduler/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/scheduler",
       "aspnet-mvc": "aspnet-mvc/scheduler",
       "jsp-ui": "jsp/scheduler",
       "php-ui": "php/scheduler"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/scheduler",
       "aspnet-mvc": "aspnet-mvc/mvc-scheduler",
       "jsp-ui": "jsp/scheduler",
       "php-ui": "php/scheduler"
    },
    "spriteCssClass": "schedulerIcon",
    "items": [
      {
        "text": "Basic usage",
        "url": "scheduler/index",
        "disableInMobile": true,
        "title": {
            "kendo-ui": "Kendo jQuery Scheduler Control Demo"
        },
        "meta": {
            "kendo-ui": "This demo shows the basic functionality of Kendo UI Scheduler widget, included in Kendo UI Web framework."
        }
      },
      {
        "text": "Custom data source",
        "url": "scheduler/custom-datasource",
        "disableInMobile": true,
        "packages": [
          "mvc-offline"
        ]
      },
      {
        "text": "Binding to Telerik Backend Services",
        "url": "scheduler/backend-services",
        "disableInMobile": true,
        "title": {
            "kendo-ui": "Binding to Telerik Backend Services | Kendo UI Scheduler demo"
        },
        "meta": {
            "kendo-ui": "This example shows how the Kendo UI Scheduler can be bound to Telerik Backend Services which will provide the backend functionality"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      },
      {
        "text": "Resources",
        "url": "scheduler/resources",
        "disableInMobile": true,
        "title": {
            "kendo-ui": "Resources in Kendo UI Scheduler"
        },
        "meta": {
            "kendo-ui": "This demo shows how to assign resources to scheduler events."
        }
      },
      {
        "text": "Horizontal Grouping",
        "url": "scheduler/resources-grouping-horizontal",
        "disableInMobile": true,
        "title": {
            "kendo-ui": "Horizontal resources grouping in Kendo UI Scheduler"
        },
        "meta": {
            "kendo-ui": "This demo shows how to group resources horizontally in scheduler widget."
        }
      },
      {
        "text": "Vertical Grouping",
        "url": "scheduler/resources-grouping-vertical",
        "disableInMobile": true,
        "title": {
            "kendo-ui": "Vertical resources grouping in Kendo UI Scheduler"
        },
        "meta": {
            "kendo-ui": "This demo shows how to group resources vertically in scheduler widget."
        }
      },
      {
        "text": "Web API binding",
        "url": "scheduler/webapi",
        "packages": [
          "mvc-offline"
        ]
      },
      {
        "text": "Templates",
        "url": "scheduler/templates",
        "disableInMobile": true,
        "title": {
            "kendo-ui": "Templates in Kendo UI Scheduler"
        },
        "meta": {
            "kendo-ui": "This demo shows how to use templates to customize the appearance of scheduler events"
        }
      },
      {
        "text": "Events",
        "url": "scheduler/events",
        "disableInMobile": true,
        "title": {
            "kendo-ui": "Events in Kendo UI Scheduler"
        },
        "meta": {
            "kendo-ui": "This demo shows how events are handled and triggered in Kendo UI Scheduler."
        }
      },
      {
        "text": "API",
        "url": "scheduler/api",
        "disableInMobile": true,
        "title": {
            "kendo-ui": "API in Kendo UI Scheduler"
        },
        "meta": {
            "kendo-ui": "This demo shows the API of Kendo UI Scheduler."
        }
      },
      {
        "text": "Globalization",
        "url": "scheduler/globalization",
        "disableInMobile": true,
        "packages": [
          "mvc-offline"
        ]
      },
      {
        "text": "Restrictions",
        "url": "scheduler/restriction",
        "disableInMobile": true,
        "title": {
            "kendo-ui": "Restricting events resizing and moving"
        },
        "meta": {
            "kendo-ui": "This demo shows how to restrict the events in Kendo UI Scheduler"
        }
      },
      {
        "text": "Event move & resize",
        "url": "scheduler/move-resize",
        "disableInMobile": true,
        "title": {
            "kendo-ui": "Moving and resizing events"
        },
        "meta": {
            "kendo-ui": "This demo shows the move and resize feature of Kendo UI Scheduler"
        }
      },
      {
        "text": "Selection",
        "url": "scheduler/selection",
        "disableInMobile": true,
        "title": {
            "kendo-ui": "Selection and Keyboard navigation in Kendo UI Scheduler"
        },
        "meta": {
            "kendo-ui": "This demo shows the selection and the different keyboard combinations that could be used to navigate in Kendo UI Scheduler."
        }
      },
      {
        "text": "Localization",
        "new": true,
        "url": "scheduler/localization",
        "disableInMobile": true,
        "title": {
            "kendo-ui": "Kendo UI Scheduler localization demo"
        },
        "meta": {
            "kendo-ui": "This demo shows how Kendo UI Scheduler widget can be localized."
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      },
      {
        "text": "RTL Support",
        "disableInMobile": true,
        "url": "scheduler/right-to-left-support",
        "title": {
            "kendo-ui": "Right-to-left (RTL) support of Kendo UI Scheduler"
        },
        "meta": {
            "kendo-ui": "This demo shows the Right-to-left (RTL) support of Kendo UI Scheduler."
        }
      },
      {
        "text": "MVVM",
        "url": "scheduler/mvvm",
        "disableInMobile": true,
        "title": {
            "kendo-ui": "MVVM support in Kendo UI Scheduler"
        },
        "meta": {
            "kendo-ui": "Events, source and visible MVVM binding support in Kendo UI Scheduler"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      },
      {
        "text": "Adaptive Rendering",
        "url": "scheduler/adaptive",
        "title": {
            "kendo-ui": "Adaptive Rendering of Kendo UI Scheduler"
        },
        "mobile": "true",
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      },
      {
        "text": "AngularJS",
        "new": true,
        "url": "scheduler/angular",
        "disableInMobile": true,
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI Scheduler"
        },
        "meta": {
            "kendo-ui": "AngularJS directive support for Kendo UI Scheduler"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      }
    ],
    "category": "Scheduling"
  },
  {
    "text": "Gantt",
    "name": "gantt",
    "api": "web/gantt",
    "new": true,
    "pro": "true",
	"disableInMobile" : true,
    "documentation": {
       "kendo-ui": "getting-started/web/gantt/overview",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/gantt/overview",
       "jsp-ui": "getting-started/using-kendo-with/jsp/tags/gantt/overview",
       "php-ui": "getting-started/using-kendo-with/php/widgets/gantt/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/gantt",
       "aspnet-mvc": "aspnet-mvc/gantt",
       "jsp-ui": "jsp/gantt",
       "php-ui": "php/gantt"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/gantt",
       "aspnet-mvc": "aspnet-mvc/gantt",
       "jsp-ui": "jsp/gantt",
       "php-ui": "php/gantt"
    },
    "spriteCssClass": "ganttIcon",
    "items": [
      {
        "text": "Basic usage",
        "url": "gantt/index",
        "title": {
            "kendo-ui": "Example of Kendo UI jQuery-based Gantt chart"
        },
        "meta": {
            "kendo-ui": "Explore the example of HTML5 gantt chart widget, included in Kendo UI Web, to find how easy it is to add a gantt chart to your website or web app."
        }
      },
      {
        "text": "Events",
        "url": "gantt/events",
        "title": {
            "kendo-ui": "Example of using events in Kendo UI Gantt control"
        },
        "meta": {
            "kendo-ui": "This example demonstrates different events which are available in KendoGantt widget and the code explains how you can use them for your project."
        }
      },
      {
        "text": "API",
        "url": "gantt/api",
        "title": {
            "kendo-ui": "Kendo UI Gantt API Functions Example"
        },
        "meta": {
            "kendo-ui": "This demo shows API Functions of KendoGantt. Demo Source Code will show you how to call methods on the widget instance to script its behavior."
        }
      },
      {
        "text": "Keyboard navigation",
        "url": "gantt/keyboard-navigation",
        "title": {
            "kendo-ui": "Keyboard navigation in Kendo UI Gantt"
        },
        "meta": {
            "kendo-ui": "Look at this Kendo UI Gantt demo to learn how different keyboard combinations could be used to navigate in the component."
        }
      },
      {
        "text": "MVVM",
        "url": "gantt/mvvm",
        "title": {
            "kendo-ui": "MVVM support in Kendo UI Gantt"
        },
        "meta": {
            "kendo-ui": "Events, source and visible MVVM binding support in Kendo UI Gantt"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      },
      {
        "text": "AngularJS",
        "url": "gantt/angular",
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI Gantt"
        },
        "meta": {
            "kendo-ui": "AngularJS directive support for Kendo UI Gantt"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      }
    ],
    "category": "Scheduling"
  },
  {
    "text": "Slider",
    "name": "slider",
    "disableInMobile": true,
    "api": "web/slider",
    "documentation": {
       "kendo-ui": "getting-started/web/slider/overview",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/slider/overview",
       "jsp-ui": "getting-started/using-kendo-with/jsp/tags/slider/overview",
       "php-ui": "getting-started/using-kendo-with/php/widgets/slider/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/slider",
       "aspnet-mvc": "aspnet-mvc/slider",
       "jsp-ui": "jsp/slider",
       "php-ui": "php/slider"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/slider",
       "aspnet-mvc": "aspnet-mvc/slider",
       "jsp-ui": "jsp/slider",
       "php-ui": "php/slider"
    },
    "spriteCssClass": "sliderIcon",
    "items": [
      {
        "text": "Basic usage",
        "url": "slider/index",
        "title": {
            "kendo-ui": "Kendo jQuery Slider Control Demo"
        },
        "meta": {
            "kendo-ui": "This demo shows the basic functionality of Kendo UI slider widget, included in Kendo UI Web framework."
        }
      },
      {
        "text": "Events",
        "url": "slider/events",
        "title": {
            "kendo-ui": "Events demo in Kendo UI Slider Widget"
        },
        "meta": {
            "kendo-ui": "This demo shows how events are handled and triggered in Kendo UI HTML&jQuery Slider."
        }
      },
      {
        "text": "API",
        "url": "slider/api",
        "title": {
            "kendo-ui": "Kendo UI Slider API Functions Example"
        },
        "meta": {
            "kendo-ui": "This demo shows API Functions of KendoSlider. Demo Source Code will help you find out how to handle events and the behavior of the component."
        }
      },
      {
        "text": "RTL support",
        "disableInMobile": true,
        "url": "slider/right-to-left-support",
        "title": {
            "kendo-ui": "Right-to-left support in Kendo UI Slider | Kendo UI Web Demos"
        },
        "meta": {
            "kendo-ui": "This demo illustrates how the right-to-left feature is enabled in Kendo UI Slider widget."
        }
      },
      {
        "text": "Keyboard navigation",
        "disableInMobile": true,
        "url": "slider/keyboard-navigation"
      },
      {
        "text": "MVVM",
        "url": "slider/mvvm",
        "title": {
            "kendo-ui": "MVVM support in Kendo UI Slider"
        },
        "meta": {
            "kendo-ui": "Enabled, events, value and visible MVVM binding support in Kendo UI Slider"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      },
{
        "text": "AngularJS",
        "new": true,
        "url": "slider/angular",
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI Slider"
        },
        "meta": {
            "kendo-ui": "AngularJS directive support for Kendo UI Slider"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      }
    ],
    "category": "Editors"
  },
  {
    "text": "Sortable",
    "name": "sortable",
    "api": "web/sortable",
    "documentation": {
       "kendo-ui": "getting-started/web/sortable/overview",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/sortable/overview",
       "jsp-ui": "getting-started/using-kendo-with/jsp/tags/sortable/overview",
       "php-ui": "getting-started/using-kendo-with/php/widgets/sortable/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/sortable",
       "aspnet-mvc": "aspnet-mvc/sortable",
       "jsp-ui": "jsp/sortable",
       "php-ui": "php/sortable"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/sortable",
       "aspnet-mvc": "aspnet-mvc/sortable",
       "jsp-ui": "jsp/sortable",
       "php-ui": "php/sortable"
    },
    "spriteCssClass": "sortableIcon",
    "items": [
      {
        "text": "Basic usage",
        "url": "sortable/index",
        "title": {
            "kendo-ui": "Demo for Sortable Component in Kendo UI jQuery framework"
        },
        "meta": {
            "kendo-ui": "This example illustrates the basic functionality of Kendo UI Sortable component which provides a cross-browser, touch-friendly way to reorder HTML elements via drag and drop."
        }
      },
      {
        "text": "Filter / Disable items",
        "url": "sortable/filter-disable",
        "title": {
            "kendo-ui": "Demo for filter and disable items functionality of Kendo UI Sortable Component"
        },
        "meta": {
            "kendo-ui": "This example illustrates the filter and disable items functionality of Kendo UI Sortable component which provides a cross-browser, touch-friendly way to reorder HTML elements via drag and drop."
        }
      },
      {
        "text": "Handlers",
        "url": "sortable/handlers",
        "title": {
            "kendo-ui": "Demo for handler functionality of Kendo UI Sortable Component"
        },
        "meta": {
            "kendo-ui": "This example illustrates the handler feature of Kendo UI Sortable component which provides a cross-browser, touch-friendly way to reorder HTML elements via drag and drop."
        }
      },
      {
        "text": "Axis / Container constraints",
        "url": "sortable/constraints",
        "title": {
            "kendo-ui": "Demo for axis / container functionality of Kendo UI Sortable Component"
        },
        "meta": {
            "kendo-ui": "This example illustrates the axis / container restriction feature of Kendo UI Sortable component which provides a cross-browser, touch-friendly way to reorder HTML elements via drag and drop."
        }
      },
      {
        "text": "Linked Lists",
        "url": "sortable/linkedlists",
        "title": {
            "kendo-ui": "Demo for linked list functionality of Kendo UI Sortable Component"
        },
        "meta": {
            "kendo-ui": "This example illustrates the linked lists feature of Kendo UI Sortable component which provides a cross-browser, touch-friendly way to reorder HTML elements via drag and drop."
        }
      },
      {
        "text": "Events",
        "url": "sortable/events",
        "title": {
            "kendo-ui": "Events example for Kendo UI Sortable Component"
        },
        "meta": {
            "kendo-ui": "This example shows events of Kendo UI Sortable widget."
        }
      },
      {
        "text": "Sortable panels",
        "url": "sortable/sortable-panels",
        "title": {
            "kendo-ui": "Panels example for Kendo UI Sortable Component"
        },
        "meta": {
            "kendo-ui": "This example demonstrates the usage of Kendo UI Sortable widget."
        }
      },
      {
        "text": "Integration - Grid",
        "url": "sortable/integration-grid",
        "title": {
            "kendo-ui": "Kendo UI Grid integration with Sortable Component"
        },
        "meta": {
            "kendo-ui": "This example demonstrates Kendo UI Grid integration with Sortable Component."
        }
      },
      {
        "text": "Integration - ListView",
        "url": "sortable/integration-listview",
        "title": {
            "kendo-ui": "Kendo UI ListView integration with Sortable Component"
        },
        "meta": {
            "kendo-ui": "This example demonstrates Kendo UI ListView integration with Sortable Component."
        }
      },
      {
        "text": "Integration - TabStrip",
        "url": "sortable/integration-tabstrip",
        "title": {
            "kendo-ui": "Kendo UI TabStrip integration with Sortable Component"
        },
        "meta": {
            "kendo-ui": "This example demonstrates Kendo UI TabStrip integration with Sortable Component."
        }
      },
      {
        "text": "AngularJS",
        "new": true,
        "url": "sortable/angular",
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI Sortable"
        },
        "meta": {
            "kendo-ui": "AngularJS directive support for Kendo UI Sortable"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      }
    ],
    "category": "Interactivity & UX"
  },
  {
    "text": "Splitter",
    "name": "splitter",
    "api": "web/splitter",
    "documentation": {
       "kendo-ui": "getting-started/web/splitter/overview",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/splitter/overview",
       "jsp-ui": "getting-started/using-kendo-with/jsp/tags/splitter/overview",
       "php-ui": "getting-started/using-kendo-with/php/widgets/splitter/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/splitter",
       "aspnet-mvc": "aspnet-mvc/splitter",
       "jsp-ui": "jsp/splitter",
       "php-ui": "php/splitter"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/splitter",
       "aspnet-mvc": "aspnet-mvc/splitter",
       "jsp-ui": "jsp/splitter",
       "php-ui": "php/splitter"
    },
    "spriteCssClass": "splitterIcon",
    "items": [
      {
        "text": "Basic usage",
        "url": "splitter/index",
        "title": {
            "kendo-ui": "Features, supported in Kendo UI Splitter widget | Kendo UI Web demo"
        },
        "meta": {
            "kendo-ui": "This demo illustrates the basic usage and core functionality of Kendo UI Splitter."
        }
      },
      {
        "text": "Loading content with AJAX",
        "url": "splitter/ajax",
        "title": {
            "kendo-ui": "AJAX Content in Kendo UI Splitter widget | Kendo UI Web demo"
        },
        "meta": {
            "kendo-ui": "This demo shows how AJAX content is loaded in the container's display area of Kendo UI Splitter control."
        },
        "requiresServer": "true"
      },
      {
        "text": "Events",
        "url": "splitter/events",
        "title": {
            "kendo-ui": "Events in Kendo UI Splitter widget | Kendo UI Web demo"
        },
        "meta": {
            "kendo-ui": "This demo shows the events which change the behavior of Kendo UI Splitter. Find more about resize events and Javascript function names to be called before the panel is collapsed."
        },
        "requiresServer": "true"
      },
      {
        "text": "API",
        "url": "splitter/api",
        "title": {
            "kendo-ui": "Kendo UI Splitter API Demo"
        },
        "meta": {
            "kendo-ui": "This example shows how API of Kendo UI Splitter widget works. Find all API functions to expand/collapse content and resize the pane."
        },
        "requiresServer": "true"
      },
      {
        "text": "RTL support",
        "disableInMobile": true,
        "url": "splitter/right-to-left-support",
        "title": {
            "kendo-ui": "Right-to-left support in Kendo UI Splitter control | Kendo UI Web demo"
        },
        "meta": {
            "kendo-ui": "In this demo we will play with the right-to-left text input and visualization which is enabled in Kendo UI Splitter widget."
        }
      },
      {
        "text": "Keyboard navigation",
        "disableInMobile": true,
        "url": "splitter/keyboard-navigation",
        "title": {
            "kendo-ui": "Keyboard navigation support in Kendo UI Slider"
        },
        "meta": {
            "kendo-ui": "Users can easily manipulate the behaviour of Kendo UI Slider by using different keyboard keys and combinations."
        }
      },
      {
        "text": "MVVM",
        "url": "splitter/mvvm",
        "title": {
            "kendo-ui": "MVVM support in Kendo UI Splitter"
        },
        "meta": {
            "kendo-ui": "Events and visible MVVM binding support in Kendo UI Splitter"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      },
      {
        "text": "AngularJS",
        "new": true,
        "url": "splitter/angular",
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI Splitter"
        },
        "meta": {
            "kendo-ui": "AngularJS directive support for Kendo UI Splitter"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      }
    ],
    "category": "Layout"
  },
  {
    "text": "TabStrip",
    "name": "tabstrip",
    "api": "web/tabstrip",
    "documentation": {
       "kendo-ui": "getting-started/web/tabstrip/overview",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/tabstrip/overview",
       "jsp-ui": "getting-started/using-kendo-with/jsp/tags/tabstrip/overview",
       "php-ui": "getting-started/using-kendo-with/php/widgets/tabstrip/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/tabstrip",
       "aspnet-mvc": "aspnet-mvc/tabstrip",
       "jsp-ui": "jsp/tabstrip",
       "php-ui": "php/tabstrip"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/tabstrip",
       "aspnet-mvc": "aspnet-mvc/tabstrip",
       "jsp-ui": "jsp/tabstrip",
       "php-ui": "php/tabstrip"
    },
    "spriteCssClass": "tabStripIcon",
    "items": [
      {
        "text": "Basic usage",
        "url": "tabstrip/index",
        "title": {
            "kendo-ui": "Kendo UI TabStrip Demo"
        },
        "meta": {
            "kendo-ui": "This demo shows how Kendo UI jQuery Tabs control works. KendoTabStrup divides the content into multiple sections which the user can navigate through clicking on the tab pane."
        }
      },
      {
        "text": "Images",
        "url": "tabstrip/images",
        "title": {
            "kendo-ui": "Kendo UI TabStrip widget with images | Kendo UI Web"
        },
        "meta": {
            "kendo-ui": "This example shows how images are displayed in Kendo UI TabStrip component."
        }
      },
      {
        "text": "Loading content with AJAX",
        "url": "tabstrip/ajax",
        "title": {
            "kendo-ui": "AJAX loaded content demo in Kendo UI TabStrip widget"
        },
        "meta": {
            "kendo-ui": "This sample shows how the tabs in Kendo UI TabStrip control are dynamically loaded with AJAX upon selection of a tab."
        },
        "requiresServer": "true"
      },
      {
        "text": "Animation effects",
        "url": "tabstrip/animation",
        "title": {
            "kendo-ui": "Kendo UI jQuery Tabs animation effects demo"
        },
        "meta": {
            "kendo-ui": "This sample shows the supported animation effects in Kendo UI TabStrip. You can play with the sample by changing the settings of the animation."
        }
      },
      {
        "text": "Events",
        "url": "tabstrip/events",
        "title": {
            "kendo-ui": "Example of Kendo UI TabStrip Events"
        },
        "meta": {
            "kendo-ui": "This sample shows how you can trigger select event in Kendo UI TabStrip. Find demo source code for all types of events in KendoTabStrip."
        },
        "requiresServer": "true"
      },
      {
        "text": "API",
        "url": "tabstrip/api",
        "title": {
            "kendo-ui": "API example for Kendo UI TabStrip widget"
        },
        "meta": {
            "kendo-ui": "This sample shows how API functions in KendoTabStrip control work. Find the demo source code to play with Kendo UI TabStrip API."
        }
      },
      {
        "text": "RTL support",
        "disableInMobile": true,
        "url": "tabstrip/right-to-left-support",
        "title": {
            "kendo-ui": "RTL support in Kendo UI TabStrip widget | Kendo UI Web Demos"
        },
        "meta": {
            "kendo-ui": "This demo shows the right-to-left feature, enabled in Kendo UI TabStrip. Now users can easily reorder the tabs from right to left."
        }
      },
      {
        "text": "Keyboard navigation",
        "disableInMobile": true,
        "url": "tabstrip/keyboard-navigation",
        "title": {
            "kendo-ui": "Keyboard navigation in Kendo UI TabStrip"
        },
        "meta": {
            "kendo-ui": "This Kendo UI demo shows how end users of your app can intuitively use keyboard navigation in Kendo UI TabStrip."
        }
      },
      {
        "text": "MVVM",
        "url": "tabstrip/mvvm",
        "title": {
            "kendo-ui": "MVVM support in Kendo UI TabStrip"
        },
        "meta": {
            "kendo-ui": "Events and visible MVVM binding support in Kendo UI TabStrip"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      },
{
        "text": "AngularJS",
        "new": true,
        "url": "tabstrip/angular",
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI TabStrip"
        },
        "meta": {
            "kendo-ui": "AngularJS directive support for Kendo UI TabStrip"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      }
    ],
    "category": "Navigation"
  },
  {
    "text": "TimePicker",
    "name": "timepicker",
    "api": "web/timepicker",
    "documentation": {
       "kendo-ui": "getting-started/web/timepicker/overview",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/timepicker/overview",
       "jsp-ui": "getting-started/using-kendo-with/jsp/tags/timepicker/overview",
       "php-ui": "getting-started/using-kendo-with/php/widgets/timepicker/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/date-time-pickers",
       "aspnet-mvc": "aspnet-mvc/date-time-pickers",
       "jsp-ui": "jsp/date-picker-pickers",
       "php-ui": "php/date-time-pickers"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/datepicker",
       "aspnet-mvc": "aspnet-mvc/datetime",
       "jsp-ui": "jsp/date-time-pickers",
       "php-ui": "php/date-time-pickers"
    },
    "spriteCssClass": "timePickerIcon",
    "items": [
      {
        "text": "Basic usage",
        "url": "timepicker/index",
        "title": {
            "kendo-ui": "Kendo UI jQuery Time Picker Example"
        },
        "meta": {
            "kendo-ui": "This demo shows the basic usage and core functionality of Kendo UI TimePicker widget."
        }
      },
      {
        "text": "Range selection",
        "url": "timepicker/rangeselection",
        "title": {
            "kendo-ui": "Kendo UI jQuery TimePicker Demo for selecting a time range"
        },
        "meta": {
            "kendo-ui": "This example shows the flexible functionality of Kendo UI TimePicker. You can specify a range of visible hours and enable the user to select them from the dropdown list."
        }
      },
      {
        "text": "Events",
        "url": "timepicker/events",
        "title": {
            "kendo-ui": "Events demo for Kendo UI jQuery TimePicker"
        },
        "meta": {
            "kendo-ui": "This sample shows all events which are triggered upon time select, close and time change in Kendo UI TimePicker widget."
        }
      },
      {
        "text": "API",
        "url": "timepicker/api",
        "title": {
            "kendo-ui": "API demo for Kendo UI Time Picker"
        },
        "meta": {
            "kendo-ui": "This example shows API functions of Kendo UI HTML5 TimePicker component."
        }
      },
      {
        "packages": [
          "mvc-offline"
        ],
        "text": "Globalization",
        "url": "timepicker/globalization"
      },
      {
        "text": "RTL support",
        "disableInMobile": true,
        "url": "timepicker/right-to-left-support",
        "title": {
            "kendo-ui": "Right-to-left time input in Kendo UI TimePicker"
        },
        "meta": {
            "kendo-ui": "See how end users of your webapp can type and change time values from the right to the left. Enhance the experience with RTL support in Kendo UI TimePicker."
        }
      },
      {
        "text": "Keyboard navigation",
        "disableInMobile": true,
        "url": "timepicker/keyboard-navigation",
        "title": {
            "kendo-ui": "Keyboard navigation in Kendo UI TimePicker"
        },
        "meta": {
            "kendo-ui": "Users can intuitively select time in Kendo UI TimePicker by simply using the keyboard support of the widget."
        }
      },
      {
        "text": "MVVM",
        "url": "timepicker/mvvm",
        "title": {
            "kendo-ui": "MVVM support in Kendo UI TimePicker"
        },
        "meta": {
            "kendo-ui": "Enabled, events, value and visible MVVM binding support in Kendo UI TimePicker"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      },
{
        "text": "AngularJS",
        "new": true,
        "url": "timepicker/angular",
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI TimePicker"
        },
        "meta": {
            "kendo-ui": "AngularJS directive support for Kendo UI TimePicker"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      }
    ],
    "category": "Editors"
  },
  {
    "text": "ToolBar",
    "name": "toolbar",
    "disableInMobile": true,
    "new": true,
    "api": "web/toolbar",
    "documentation": {
       "kendo-ui": "getting-started/web/toolbar/overview",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/toolbar/overview",
       "jsp-ui": "getting-started/using-kendo-with/jsp/tags/toolbar/overview",
       "php-ui": "getting-started/using-kendo-with/php/widgets/toolbar/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/toolbar",
       "aspnet-mvc": "aspnet-mvc/toolbar",
       "jsp-ui": "jsp/toolbar",
       "php-ui": "php/toolbar"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/toolbar",
       "aspnet-mvc": "aspnet-mvc/toolbar",
       "jsp-ui": "jsp/toobar",
       "php-ui": "php/toolbar"
    },
    "spriteCssClass": "toolbarIcon",
    "items": [
      {
        "text": "Basic usage",
        "url": "toolbar/index",
        "title": {
            "kendo-ui": "Basic usage of Kendo UI ToolBar Widget | Kendo UI Web demo"
        },
        "meta": {
            "kendo-ui": "Play with this Kendo UI ToolBar demo to get familiar with the supported commands and core functionality."
        }
      },
      {
        "text": "Resizing",
        "url": "toolbar/resizing",
        "title": {
            "kendo-ui": "Resizing demo of Kendo UI ToolBar Widget | Kendo UI Web demo"
        },
        "meta": {
            "kendo-ui": "Play with this Kendo UI ToolBar demo to get familiar with the resizing functionality."
        }
      },
      {
        "text": "Events",
        "url": "toolbar/events",
        "title": {
            "kendo-ui": "Events demo of Kendo UI ToolBar Widget | Kendo UI Web demo"
        },
        "meta": {
            "kendo-ui": "Play with this Kendo UI ToolBar demo to get familiar with supported events."
        }
      },
      {
        "text": "API",
        "url": "toolbar/api",
        "title": {
            "kendo-ui": "API demo of Kendo UI ToolBar Widget | Kendo UI Web demo"
        },
        "meta": {
            "kendo-ui": "Play with this Kendo UI ToolBar demo to get familiar with supported API methods."
        }
      },
      {
        "text": "Integration with Editors",
        "url": "toolbar/integration",
        "title": {
            "kendo-ui": "Integration demo of Kendo UI ToolBar Widget | Kendo UI Web demo"
        },
        "meta": {
            "kendo-ui": "Play with this Kendo UI ToolBar demo to learn how to include Kendo UI Editor widgets in the ToolBar."
        }
      },
      {
        "text": "AngularJS",
        "url": "toolbar/angular",
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI Toolbar"
        },
        "meta": {
            "kendo-ui": "AngularJS directive support in Kendo UI Toolbar"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      }
    ],
    "category": "Navigation"
  },
  {
    "text": "Tooltip",
    "name": "tooltip",
    "api": "web/tooltip",
    "documentation": {
       "kendo-ui": "getting-started/web/tooltip/overview",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/tooltip/overview",
       "jsp-ui": "getting-started/using-kendo-with/jsp/tags/tooltip/overview",
       "php-ui": "getting-started/using-kendo-with/php/widgets/tooltip/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/tooltip",
       "aspnet-mvc": "aspnet-mvc/tooltip",
       "jsp-ui": "jsp/tooltip",
       "php-ui": "php/tooltip"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/tooltip",
       "aspnet-mvc": "aspnet-mvc/tooltip",
       "jsp-ui": "jsp/tooltip",
       "php-ui": "php/tooltip"
    },
    "spriteCssClass": "tooltipIcon",
    "items": [
      {
        "text": "Basic usage",
        "url": "tooltip/index",
        "title": {
            "kendo-ui": "Basic usage of Kendo UI Tooltip Widget | Kendo UI Web demo"
        },
        "meta": {
            "kendo-ui": "Play with this Kendo UI Tooltip demo to get familiar with the performance of the component and its core functionality."
        }
      },
      {
        "text": "Loading content with AJAX",
        "url": "tooltip/ajax",
        "title": {
            "kendo-ui": "AJAX loaded content with Kendo UI Tooltip widget"
        },
        "meta": {
            "kendo-ui": "This example illustrates how the content in Kendo UI Tooltip widget can be loaded, using AJAX."
        },
        "requiresServer": "true"
      },
      {
        "text": "Content template",
        "url": "tooltip/template",
        "title": {
            "kendo-ui": "Content template in Kendo UI Tooltip widget | Kendo UI Web demo"
        },
        "meta": {
            "kendo-ui": "This example illustrates how the template can be used as content of Kendo UI Tooltip widget."
        }
      },
      {
        "text": "Events",
        "url": "tooltip/events",
        "title": {
            "kendo-ui": "Events in Kendo UI Tooltip | Kendo UI Web demo"
        },
        "meta": {
            "kendo-ui": "In this demo we will see how all events are triggered in Kendo UI Tooltip widget."
        }
      },
      {
        "text": "API",
        "url": "tooltip/api",
        "title": {
            "kendo-ui": "API for Kendo UI Tooltip component | Kendo UI Web demo"
        },
        "meta": {
            "kendo-ui": "This example shows how the API functions are enabled in Kendo UI Tooltip widget."
        }
      },
      {
        "text": "MVVM",
        "url": "tooltip/mvvm",
        "title": {
            "kendo-ui": "MVVM support in Kendo UI Tooltip"
        },
        "meta": {
            "kendo-ui": "Events MVVM binding support in Kendo UI Tooltip"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      },
{
        "text": "AngularJS",
        "new": true,
        "url": "tooltip/angular",
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI Tooltip"
        },
        "meta": {
            "kendo-ui": "AngularJS directive support for Kendo UI Tooltip"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      }
    ],
    "category": "Layout"
  },
  {
    "text": "TreeView",
    "name": "treeview",
    "pro": "true",
    "api": "web/treeview",
    "documentation": {
       "kendo-ui": "getting-started/web/treeview/overview",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/treeview/overview",
       "jsp-ui": "getting-started/using-kendo-with/jsp/tags/treeview/overview",
       "php-ui": "getting-started/using-kendo-with/php/widgets/treeview/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/treeview",
       "aspnet-mvc": "aspnet-mvc/treeview",
       "jsp-ui": "jsp/treeview",
       "php-ui": "php/treeview"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/treeview",
       "aspnet-mvc": "aspnet-mvc/treeview",
       "jsp-ui": "jsp/treeview",
       "php-ui": "php/treeview"
    },
    "spriteCssClass": "treeViewIcon",
    "items": [
      {
        "text": "Basic usage",
        "url": "treeview/index",
        "title": {
            "kendo-ui": "Kendo UI TreeView widget | Kendo UI Web demo"
        },
        "meta": {
            "kendo-ui": "This demo illustrates the basic usage and functionality of Kendo UI jQuery Tree widget which represents items in a hierarchical tree structure."
        }
      },
      {
        "text": "Drag & drop",
        "url": "treeview/dragdrop",
        "title": {
            "kendo-ui": "Drag & Drop feature in Kendo UI TreeView control"
        },
        "meta": {
            "kendo-ui": "This example shows how items in Kendo TreeView can be dragged and dropped to a specific place. Use the demo source code to try this functionality of the HTML5 component."
        }
      },
      {
        "text": "Animation effects",
        "url": "treeview/animation",
        "title": {
            "kendo-ui": "Animation effects sample for Kendo UI jQuery Tree component"
        },
        "meta": {
            "kendo-ui": "This sample shows how you can add animation effects and expand animation by setting the specific options for Kendo UI TreeView widget."
        }
      },
      {
        "text": "Images",
        "url": "treeview/images",
        "title": {
            "kendo-ui": "Example of customized Kendo UI TreeView using images"
        },
        "meta": {
            "kendo-ui": "This demo shows you can add images to your Kendo UI TreeView control, as well as implement TreeView with sprites in your website or project."
        }
      },
      {
        "text": "Checkboxes",
        "url": "treeview/checkboxes",
        "title": {
            "kendo-ui": "Creating tree nodes with checkboxes | Kendo UI TreeView Demo"
        },
        "meta": {
            "kendo-ui": "This sample illustrates how you can easily create tree nodes with checkboxes by simply setting the child item of the checkboxes to true."
        }
      },
      {
        "text": "Binding to local data",
        "url": "treeview/local-data-binding",
        "title": {
            "kendo-ui": "Binding to local data demo for Kendo UI TreeView control"
        },
        "meta": {
            "kendo-ui": "This demo shows how items in the tree are displayed with the default settings of Kendo UI TreeView and how the component can be easily bound to local data."
        }
      },
      {
        "text": "Binding to remote data",
        "url": "treeview/remote-data-binding",
        "title": {
            "kendo-ui": "Binding Kendo UI tree component to remote data"
        },
        "meta": {
            "kendo-ui": "This example illustrates how the hierarchical tree can be bound to remote data and thus the items in the tree are populated from the external source."
        }
      },
      {
        "packages": [
          "!mvc"
        ],
        "text": "Binding to OData service",
        "url": "treeview/odata-binding",
        "title": {
            "kendo-ui": "Example of binding Kendo UI TreeView to OData service"
        },
        "meta": {
            "kendo-ui": "This sample shows how Kendo UI TreeView widget can be bound to oData service."
        }
      },
      {
        "text": "Templates",
        "url": "treeview/templates",
        "title": {
            "kendo-ui": "Example of templates for Kendo UI TreeView"
        },
        "meta": {
            "kendo-ui": "This demo illustrates how tree nodes in Kendo UI TreeView component can be further customized by using templates."
        }
      },
      {
        "text": "Events",
        "url": "treeview/events",
        "title": {
            "kendo-ui": "Demo for Kendo UI TreeView widget events "
        },
        "meta": {
            "kendo-ui": "This sample shows built-in events in Kendo jQuery tree widget. Events are triggered when the user selects, collapses, expands, adds or removes an item on the list."
        }
      },
      {
        "text": "API",
        "url": "treeview/api",
        "title": {
            "kendo-ui": "Kendo UI TreeView API Example"
        },
        "meta": {
            "kendo-ui": "This demo shows the specific API functions, as well as DataSource interaction options, which control the behaviour of Kendo UI TreeView."
        }
      },
      {
        "text": "RTL support",
        "disableInMobile": true,
        "url": "treeview/right-to-left-support",
        "title": {
            "kendo-ui": "RTL Support in Kendo UI TreeView component"
        },
        "meta": {
            "kendo-ui": "Get familiar with the RTL support in Kendo UI TreeView widget, look at the example and use the source code to play with the demo! "
        }
      },
      {
        "text": "Keyboard navigation",
        "disableInMobile": true,
        "url": "treeview/keyboard-navigation",
        "title": {
            "kendo-ui": "Kendo UI TreeView control | Keyboard support demo"
        },
        "meta": {
            "kendo-ui": "Look at the source code and play with the demo to find out more about the keyboard support feature in Kendo UI TreeView."
        }
      },
      {
        "text": "MVVM",
        "url": "treeview/mvvm",
        "title": {
            "kendo-ui": "MVVM support in Kendo UI TreeView"
        },
        "meta": {
            "kendo-ui": "Events, source and visible MVVM binding support in Kendo UI TreeView"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      },
{
        "text": "AngularJS",
        "new": true,
        "url": "treeview/angular",
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI TreeView"
        },
        "meta": {
            "kendo-ui": "AngularJS directive support for Kendo UI TreeView"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      }
    ],
    "category": "Navigation"
  },
  {
    "text": "Upload",
    "name": "upload",
    "pro": "true",
    "api": "web/upload",
    "documentation": {
       "kendo-ui": "getting-started/web/upload/overview",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/upload/overview",
       "jsp-ui": "getting-started/using-kendo-with/jsp/tags/upload/overview",
       "php-ui": "getting-started/using-kendo-with/php/widgets/upload/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/upload",
       "aspnet-mvc": "aspnet-mvc/upload",
       "jsp-ui": "jsp/upload",
       "php-ui": "php/upload"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/upload",
       "aspnet-mvc": "aspnet-mvc/upload",
       "jsp-ui": "jsp/upload",
       "php-ui": "php/upload"
    },
    "spriteCssClass": "uploadIcon",
    "packages": [
      "!offline"
    ],
    "items": [
      {
        "text": "Basic usage",
        "url": "upload/index",
        "title": {
            "kendo-ui": "Kendo UI Upload widget - example of core features"
        },
        "meta": {
            "kendo-ui": "This example shows the basic functionality and core features of Kendo UI jQuery file upload control."
        }
      },
      {
        "text": "Asynchronous Upload",
        "url": "upload/async",
        "title": {
            "kendo-ui": "jQuery Asynchronous File Upload Example | Kendo UI Upload Demo"
        },
        "meta": {
            "kendo-ui": "This example shows the async upload functionality of Kendo UI Upload control."
        }
      },
      {
        "text": "Events",
        "url": "upload/events",
        "title": {
            "kendo-ui": "Example of handling events in Kendo UI Upload"
        },
        "meta": {
            "kendo-ui": "Learn with this example how to handle events, triggered by Kendo UI Upload widget."
        }
      },
      {
        "text": "API",
        "url": "upload/api",
        "title": {
            "kendo-ui": "API example for Kendo UI File Upload Control"
        },
        "meta": {
            "kendo-ui": "This demo shows API Functions of Kendo UI Upload component. Try the sample to see how to enable, disable the upload option and toggle the enabled state."
        }
      },
      {
        "text": "Templates",
        "url": "upload/templates",
        "title": {
            "kendo-ui": "Example of templates for Kendo UI Upload"
        },
        "meta": {
            "kendo-ui": "This demo illustrates how to use templates with the Kendo UI Upload widget."
        }
      },
      {
        "text": "Initial Files",
        "url": "upload/initialfiles",
        "title": {
            "kendo-ui": "Example of initial files for Kendo UI Upload"
        },
        "meta": {
            "kendo-ui": "This demo illustrates how to render initial files with the Kendo UI Upload widget."
        }
      },
      {
        "text": "RTL support",
        "disableInMobile": true,
        "url": "upload/right-to-left-support",
        "title": {
            "kendo-ui": "RTL support in Kendo UI Upload"
        },
        "meta": {
            "kendo-ui": "This Kendo UI demo illustrates how you can facilitate your RTL app users by using the RTL feature of Kendo UI Upload widget."
        }
      },
      {
        "text": "MVVM",
        "url": "upload/mvvm",
        "title": {
            "kendo-ui": "MVVM support in Kendo UI Upload"
        },
        "meta": {
            "kendo-ui": "Enabled, events and visible MVVM binding support in Kendo UI Upload"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      },
      {
        "text": "AngularJS",
        "new": true,
        "url": "upload/angular",
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI Upload"
        },
        "meta": {
            "kendo-ui": "AngularJS support directives in Kendo UI Upload"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      }
    ],
    "category": "Editors"
  },
  {
    "text": "Window",
    "name": "window",
    "api": "web/window",
    "disableInMobile": true,
    "documentation": {
       "kendo-ui": "getting-started/web/window/overview",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/window/overview",
       "jsp-ui": "getting-started/using-kendo-with/jsp/tags/window/overview",
       "php-ui": "getting-started/using-kendo-with/php/widgets/window/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/window",
       "aspnet-mvc": "aspnet-mvc/window",
       "jsp-ui": "jsp/window",
       "php-ui": "php/window"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/window",
       "aspnet-mvc": "aspnet-mvc/window",
       "jsp-ui": "jsp/window",
       "php-ui": "php/window"
    },
    "spriteCssClass": "windowIcon",
    "items": [
      {
        "text": "Basic usage",
        "url": "window/index",
        "title": {
            "kendo-ui": "Kendo UI Window Example | Kendo UI Web Demos"
        },
        "meta": {
            "kendo-ui": "This example demonstrates the basic usage of KendoWindow widget, one of the components which you can use to enhance the interaction in your web app."
        }
      },
      {
        "text": "Customizing actions",
        "url": "window/actions",
        "title": {
            "kendo-ui": "Example of customizing actions in Kendo UI Window control"
        },
        "meta": {
            "kendo-ui": "This Kendo UI Window sample illustrates how client-side actions can be further customized in order to bring interactivity in your web app to a higher level."
        }
      },
      {
        "text": "Loading content with AJAX",
        "url": "window/ajax",
        "title": {
            "kendo-ui": "AJAX loaded content with Kendo UI Window widget"
        },
        "meta": {
            "kendo-ui": "This example illustrates how content in Kendo UI window widget can be loaded, using AJAX."
        },
        "requiresServer": "true"
      },
      {
        "text": "Animation effects",
        "url": "window/animation",
        "title": {
            "kendo-ui": "Animation effects demo for Kendo UI window widget"
        },
        "meta": {
            "kendo-ui": "This sample illustrates the animation effects in Kendo UI window control. Just play with animation settings to change the interactivity of the control."
        }
      },
      {
        "text": "Events",
        "url": "window/events",
        "title": {
            "kendo-ui": "Events in Kendo UI Window demo"
        },
        "meta": {
            "kendo-ui": "This demo shows how to fire events in  Kendo UI jQuery window control. Refresh, activate, open, dragend, dragstart are some of the events which you can trigger."
        },
        "requiresServer": "true"
      },
      {
        "text": "API",
        "url": "window/api",
        "title": {
            "kendo-ui": "Example of Kendo UI Window API"
        },
        "meta": {
            "kendo-ui": "This sample shows how you can use the API of kendoWindow widget to refresh the content of the window, open and close it."
        },
        "requiresServer": "true"
      },
      {
        "text": "RTL support",
        "disableInMobile": true,
        "url": "window/right-to-left-support",
        "title": {
            "kendo-ui": "Right-to-Left window position of Kendo UI Window control"
        },
        "meta": {
            "kendo-ui": "This demo shows how Kendo UI Window widget supports right-to-left direction of the window to provide best end-user experience."
        }
      },
      {
        "text": "Keyboard navigation",
        "disableInMobile": true,
        "url": "window/keyboard-navigation",
        "title": {
            "kendo-ui": "Keyboard navigation support | Kendo UI Window Demo"
        },
        "meta": {
            "kendo-ui": "The sample demonstrates how the keyboard navigation feature is integrated in the powerful Kendo UI Window."
        }
      },
      {
        "text": "MVVM",
        "url": "window/mvvm",
        "title": {
            "kendo-ui": "MVVM support in Kendo UI Window"
        },
        "meta": {
            "kendo-ui": "Events and visible MVVM binding support in Kendo UI Window"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      },
      {
        "text": "AngularJS",
        "new": true,
        "url": "window/angular",
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI Window"
        },
        "meta": {
            "kendo-ui": "AngularJS directive support for Kendo UI Window"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      }
    ],
    "category": "Layout"
  },
  {
    "packages": [ "!mvc", "!jsp", "!php" ],
    "text": "DataSource",
    "name": "datasource",
    "api": "framework/datasource",
    "documentation": {
       "kendo-ui": "getting-started/framework/datasource/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/data-source"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/datasource"
    },
    "spriteCssClass": "dataSourceIcon",
    "items": [
      {
        "text": "Basic usage",
        "url": "datasource/index",
        "title": {
            "kendo-ui": "Kendo UI DataSource Demo"
        },
        "meta": {
            "kendo-ui": "This example demonstrates the basic functionality of Kendo UI DataSource which is used for data operations and manipulations in Kendo jQuery web widgets."
        }
      },
      {
        "text": "Binding to remote data",
        "url": "datasource/remote-data-binding",
        "title": {
            "kendo-ui": "Kendo UI DataSource binding to a remote data service"
        },
        "meta": {
            "kendo-ui": "This sample illustrates how Kendo UI DataSource component can be bound to a remote data service."
        }
      },
      {
        "text": "Binding to XML",
        "url": "datasource/xml-data",
        "title": {
            "kendo-ui": "Kendo UI DataSource bound to XML | Kendo UI Web Demos"
        },
        "meta": {
            "kendo-ui": "This example shows how you can bind Kendo UI Data Source control to XML Data format."
        },
        "requiresServer": "true"
      },
      {
        "text": "Remote data operations",
        "url": "datasource/remote-operations",
        "title": {
            "kendo-ui": "Remote data operations | Kendo UI DataSource Demo"
        },
        "meta": {
            "kendo-ui": "This sample demonstrates how to configure remote data operations such as paging and sorting of Kendo UI jQuery Data Source."
        }
      },
      {
        "text": "Local data operations",
        "url": "datasource/local-operations",
        "title": {
            "kendo-ui": "Example of local data operations in Kendo UI DataSource component"
        },
        "meta": {
            "kendo-ui": "This sample shows how to configure the functionality of local data operations in Kendo UI DataSource. The component supports paging, sorting and filtering."
        }
      },
      {
        "text": "Shared DataSource",
        "url": "datasource/shared-datasource",
        "title": {
            "kendo-ui": " Shared DataSource Demo | Kendo UI Web demos"
        },
        "meta": {
            "kendo-ui": "This example demonstrates a shared DataSource which can be created to enable multiple UI widgets to bind to the same data collection."
        },
        "requiresServer": "true"
      }
    ],
    "category": "Framework"
  },
  {
    "packages": [ "!mvc", "!jsp", "!php" ],
    "text": "Templates",
    "name": "templates",
    "disableInMobile": true,
    "api": "framework/kendo",
    "documentation": {
       "kendo-ui": "getting-started/framework/templates/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/templates"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/templates"
    },
    "spriteCssClass": "templatesIcon",
    "items": [
      {
        "text": "Basic usage",
        "url": "templates/index",
        "title": {
            "kendo-ui": "Kendo UI jQuery Templates Demo"
        },
        "meta": {
            "kendo-ui": "This example demonstrates the basic functionality of Kendo UI jQuery templates which can be used in Kendo UI Web framework."
        }
      },
      {
        "text": "Expressions",
        "url": "templates/expressions",
        "title": {
            "kendo-ui": "Examples of different Kendo UI jQuery templates"
        },
        "meta": {
            "kendo-ui": "These examples show different expressions of Kendo UI Templates which can be represented as a basic template, script elements, encoding HTML and JS code inside the template definition."
        }
      }
    ],
    "category": "Framework"
  },
  {
    "packages": [ "!mvc", "!jsp", "!php" ],
    "text": "MVVM",
    "name": "mvvm",
    "api": "framework/kendo",
    "documentation": {
       "kendo-ui": "getting-started/framework/mvvm/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/mvvm"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/mvvm"
    },
    "spriteCssClass": "mvvmIcon",
    "items": [
      {
        "text": "Basic usage",
        "url": "mvvm/index",
        "title": {
            "kendo-ui": "Kendo UI MVVM Demo"
        },
        "meta": {
            "kendo-ui": "This example demonstrates the basic usage and functionality of Kendo UI MVVM which helps you separate the data from the UI."
        }
      },
      {
        "text": "HTML element binding",
        "url": "mvvm/elements",
        "title": {
            "kendo-ui": "Example of HTML element binding in Kendo UI MVVM"
        },
        "meta": {
            "kendo-ui": "This Kendo UI MVVM demo shows how the html binding sets the HTML content of the target DOM element to a View-Model state."
        }
      },
      {
        "text": "Widget binding",
        "url": "mvvm/widgets",
        "title": {
            "kendo-ui": "Example of jQuery widgets bound to Kendo UI MVVM"
        },
        "meta": {
            "kendo-ui": "This example shows how Kendo UI jQuery widgets can be bound to Kendo UI MVVM."
        }
      },
      {
        "text": "Attribute binding",
        "url": "mvvm/attributes",
        "title": {
            "kendo-ui": "Kendo UI MVVM attribute binding example"
        },
        "meta": {
            "kendo-ui": "This demo illustrates how attributes are bound in Kendo UI MVVM."
        }
      },
      {
        "text": "Style binding",
        "url": "mvvm/style",
        "disableInMobile": true,
        "title": {
            "kendo-ui": "Example of using the style binding in Kendo UI MVVM"
        },
        "meta": {
            "kendo-ui": "This demo shows how the style binding sets the style attributes to the target DOM element."
        }
      },
      {
        "text": "Event binding",
        "url": "mvvm/event",
        "title": {
            "kendo-ui": "Kendo UI MVVM event binding demo"
        },
        "meta": {
            "kendo-ui": "This example shows the events which are bound to an attribute in MVVM."
        }
      },
      {
        "text": "Source and template binding",
        "url": "mvvm/source",
        "title": {
            "kendo-ui": "Source and template binding demo | Kendo UI MVVM"
        },
        "meta": {
            "kendo-ui": "This demo shows how the source binding sets the HTML content of the target element by rendering a template with a View-model value."
        }
      },
      {
        "text": "Remote binding",
        "url": "mvvm/remote-binding",
        "title": {
            "kendo-ui": "Remote binding in Kendo UI MVVM framework"
        },
        "meta": {
            "kendo-ui": "This example shows how remote data is bound  in Kendo UI MVVM framework."
        }
      },
      {
        "text": "Custom binding",
        "url": "mvvm/custom",
        "disableInMobile": true,
        "title": {
            "kendo-ui": "Example of creating custom bindings in Kendo UI MVVM"
        },
        "meta": {
            "kendo-ui": "This example demonstrates how custom bindings can be created in Kendo UI MVVM. Try the demo to see how a custom binding is declared in the View."
        }
      }
    ],
    "category": "Framework"
  },
  {
    "packages": [ "!mvc", "!jsp", "!php", "!offline" ],
    "text": "Single-Page App",
    "name": "spa",
    "api": "framework/kendo",
    "documentation": {
       "kendo-ui": "getting-started/framework/spa/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/spa"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/spa"
    },
    "spriteCssClass": "spaIcon",
    "disableInMobile": true,
    "items": [
      {
        "text": "Launch",
        "url": "spa/index",
        "title": {
            "kendo-ui": "Build Single-Page app with Kendo UI Web framework | Kendo UI Demos"
        },
        "meta": {
            "kendo-ui": "In this example we will demonstrate the basic usage and functionality of Kendo UI Web for building single-page applications."
        },
        "packages": [ "!mvc", "!jsp", "!php", "!offline" ]
      }
    ],
    "category": "Framework"

  },
  {
    "packages": [ "!mvc", "!jsp", "!php" ],
"text": "Effects",
    "name": "fx",
    "api": "framework/kendo",
    "documentation": {
       "kendo-ui": "getting-started/framework/fx/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/effects"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/effects"
    },
    "spriteCssClass": "effectsIcon",
    "items": [
      {
        "text": "Expand",
        "url": "fx/expand",
        "title": {
            "kendo-ui": "Kendo UI Expand Effect Demo | Kendo UI Web framework"
        },
        "meta": {
            "kendo-ui": "This example demonstrates how the expand effect is applied to jQuery widgets in Kendo UI Web framework."
        }
      },
      {
        "text": "Fade",
        "url": "fx/fade",
        "title": {
            "kendo-ui": "Effects in Kendo UI Framework | Fade Away Demo"
        },
        "meta": {
            "kendo-ui": "This Kendo UI Web example demonstrates how the elements gradually fade away once the user has clicked on them."
        }
      },
      {
        "text": "Slide In",
        "url": "fx/slidein",
        "title": {
            "kendo-ui": "Demo for slide-in effect in Kendo UI framework for building HTML5 apps"
        },
        "meta": {
            "kendo-ui": "This example demonstrates how the slide-in effect is applied in Kendo UI Web framework."
        }
      },
      {
        "text": "Flip",
        "url": "fx/flip",
        "title": {
            "kendo-ui": "Interactive Flip Effect in Kendo UI Web framework"
        },
        "meta": {
            "kendo-ui": "In this Kendo UI Web demo you can play with the powerful flip effect which is supported in the web framework."
        }
      },
      {
        "text": "Transfer",
        "url": "fx/transfer",
        "title": {
            "kendo-ui": "Transfer effect demo in Kendo UI framework for web development"
        },
        "meta": {
            "kendo-ui": "This example demonstrates how the transfer effect is applied in Kendo UI Web."
        }
      },
      {
        "text": "Zoom",
        "url": "fx/zoom",
        "title": {
            "kendo-ui": "Zoom effect in Kendo UI Web framework | Kendo UI Web Demo"
        },
        "meta": {
            "kendo-ui": "Just hover the mouse over the image and you will see how the zoom effect is implemented in Kendo UI Web framework."
        }
      },
      {
        "text": "Page Turn",
        "url": "fx/pageturn",
        "title": {
            "kendo-ui": "Page turn effect in Kendo UI Web app framework | Kendo UI Web Demo"
        },
        "meta": {
            "kendo-ui": "In this interactive demo you will see how the blazing fast page turn effect is supported in Kendo UI Web framework for building apps and modern websites."
        }
      },
      {
        "text": "Tile",
        "url": "fx/tile",
        "title": {
            "kendo-ui": "Kendo UI Web framework effects | Interactive tile demo"
        },
        "meta": {
            "kendo-ui": "This Kendo UI Web example shows how the tile effect is implemented to enhance end-user experience."
        }
      },
      {
        "text": "Replace",
        "url": "fx/replace",
        "title": {
            "kendo-ui": "Replace effect"
        },
        "meta": {
            "kendo-ui": "This demo showcases how to create custom CSS class based transition between two HTML elements using Kendo UI Replace effect"
        }
      },
      {
        "text": "Combined Effects",
        "url": "fx/combined",
        "title": {
            "kendo-ui": "Combined Effects Demo in Kendo UI Web"
        },
        "meta": {
            "kendo-ui": "This demo shows how different combined effects can be used while building apps with Kendo UI Web framework in order to deliver rich end-user experience."
        }
      },
      {
        "text": "Semantic Zoom",
        "url": "fx/semantic-zoom",
        "title": {
            "kendo-ui": "Semantic Zoom effect"
        },
        "new": true,
        "meta": {
            "kendo-ui": "This demo showcases how to implement semantic zoom between views in a single-page Kendo UI application"
        }
      }
    ],
    "category": "Interactivity & UX"
  },
  {
    "packages": [ "!mvc", "!jsp", "!php" ],
    "text": "Drag & Drop",
    "name": "dragdrop",
    "api": "framework/draggable",
    "documentation": {
       "kendo-ui": "getting-started/framework/draganddrop/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/drag-and-drop"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/draganddrop"
    },
    "spriteCssClass": "dragDropIcon",
    "items": [
      {
        "text": "Basic usage",
        "url": "dragdrop/index",
        "title": {
            "kendo-ui": "Demo for Drag & Drop Component in Kendo UI jQuery framework"
        },
        "meta": {
            "kendo-ui": "This example illustrates the basic functionality of Kendo UI Drag & Drop component which provides a cross-browser, touch-friendly way to handle mouse and touch drag events."
        }
      },
      {
        "text": "Container",
        "url": "dragdrop/container",
        "title": {
            "kendo-ui": "Example of Kendo UI Drag and Drop Component in a container"
        },
        "meta": {
            "kendo-ui": "This demo illustrates how Kendo UI Drag and Drop component is used for draggable items in a container."
        }
      },
      {
        "text": "Area",
        "url": "dragdrop/area",
        "title": {
            "kendo-ui": "Example of jQuery Draggable Area | Kendo UI MVVM Demo"
        },
        "meta": {
            "kendo-ui": "This demo shows how the draggable functionality in an area is enabled in Kendo UI MVVM framework."
        }
      },
      {
        "text": "Events",
        "url": "dragdrop/events",
        "title": {
            "kendo-ui": "Events example for Kendo UI jQuery Draggable functionality"
        },
        "meta": {
            "kendo-ui": "Learn more about draggable interaction with this events example for Kendo UI Draggable in Kendo UI MVVM."
        }
      },
      {
        "text": "AngularJS",
        "new": true,
        "url": "dragdrop/angular",
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI Drag & Drop"
        },
        "meta": {
            "kendo-ui": "AngularJS directive support for Kendo UI Drag & Drop"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      }
    ],
    "category": "Interactivity & UX"
  },
  {
    "packages": [ "!mvc", "!jsp", "!php" ],
    "text": "Validator",
    "name": "validator",
    "api": "framework/validator",
    "documentation": {
       "kendo-ui": "getting-started/framework/validator/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/validation"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/validator"
    },
    "spriteCssClass": "validatorIcon",
    "items": [
      {
        "text": "Basic usage",
        "url": "validator/index",
        "title": {
            "kendo-ui": "Kendo UI Validator Demo"
        },
        "meta": {
            "kendo-ui": "This demo illustrates the core functionality of Kendo UI Validator component in Kendo UI Web framework."
        }
      },
      {
        "text": "Custom validation",
        "url": "validator/custom-validation",
        "title": {
            "kendo-ui": "Custom rule Kendo UI Validator Demo"
        },
        "meta": {
            "kendo-ui": "This demo illustrates how to implement a custom validation rule for the Kendo UI Validator component in Kendo UI Web framework."
        }
      },
      {
        "text": "AngularJS",
        "new": true,
        "disableInMobile": true,
        "url": "validator/angular",
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI Validator"
        },
        "meta": {
            "kendo-ui": "AngularJS directive support for Kendo UI Validator"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      }
    ],
    "category": "Editors"
  },
  {
    "packages": [ "!mvc", "!jsp", "!php" ],
    "text": "Globalization",
    "name": "globalization",
    "api": "framework/kendo",
    "documentation": {
       "kendo-ui": "getting-started/framework/globalization/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/globalization"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/globalization"
    },
    "spriteCssClass": "globalizationIcon",
    "items": [
      {
        "text": "Basic usage",
        "url": "globalization/index",
        "title": {
            "kendo-ui": "Globalization example in Kendo UI Web framework"
        },
        "meta": {
            "kendo-ui": "This is an example of globalization which is supported in Kendo UI Web framework."
        }
      }
    ],
    "category": "Framework"
  },
  {
    "packages": [ "!mvc", "!jsp", "!php" ],
    "text": "Styling",
    "name": "styling",
    "spriteCssClass": "stylingIcon",
    "items": [
      {
        "text": "Forms",
        "url": "styling/index",
        "title": {
            "kendo-ui": "jQuery forms styling demo | Kendo UI Web framework"
        },
        "meta": {
            "kendo-ui": "This example illustrates how jQuery and HTML5-based forms can be styled with Kendo UI Web."
        }
      },
      {
        "text": "Panels",
        "url": "styling/panels",
        "title": {
            "kendo-ui": "Panels styling example | Kendo UI Web app framework"
        },
        "meta": {
            "kendo-ui": "This demo shows how different styling can be applied to panels in Kendo UI Web."
        }
      },
      {
        "text": "Icons",
        "url": "styling/icons",
        "title": {
            "kendo-ui": "jQuery icons styling example | Kendo UI Web demos"
        },
        "meta": {
            "kendo-ui": "This example shows how different styling can be applied to icons by using Kendo UI Web framework."
        }
      }
    ],
    "category": "Interactivity & UX"
  },
  {
    "packages": [ "!mvc", "!jsp", "!php" ],
    "text": "Integration with JS libraries",
    "name": "integration",
    "spriteCssClass": "integrationIcon",
    "items": [
      {
        "text": "Kendo UI + Handlebars",
        "url": "integration/index",
        "title": {
            "kendo-ui": "Integrating Handlebars templates with Kendo UI Web examples"
        },
        "meta": {
            "kendo-ui": "This demo illustrates how Handlebars templates can be integrated with the robust Kendo UI framework for web app development."
        }
      },
      {
        "text": "Kendo UI + Twitter Bootstrap",
        "url": "integration/bootstrap",
        "title": {
            "kendo-ui": "Integrating Twitter Bootstrap with Kendo UI responsive webapp example"
        },
        "meta": {
            "kendo-ui": "This demo illustrates how Twitter Bootstrap can be integrated with the Kendo UI framework into a responsive web application."
        }
      }
    ],
    "category": "Framework"
  },
  {
    "packages": [ "!mvc", "!jsp", "!php" ],
    "category": "Framework",
    "text": "Drawing API",
    "name": "drawing",
    "new": "true",
    "spriteCssClass": "drawingIcon",
    "items": [
      {
        "text": "Basic Usage",
        "url": "drawing/index",
        "title": {
            "kendo-ui": "Kendo UI Drawing API"
        },
        "meta": {
            "kendo-ui": "This demo illustrates how the Kendo UI Drawing API can be used to draw basic shapes."
        }
      }, {
        "text": "Manipulating Paths",
        "url": "drawing/paths",
        "title": {
            "kendo-ui": "Kendo UI Drawing API"
        },
        "meta": {
            "kendo-ui": "This demo illustrates how the Kendo UI Drawing API can be used to manipulate paths."
        }
      }
    ]
  },
  {
    "text": "Area Charts",
    "name": "area-charts",
    "pro": "true",
    "api": "dataviz/chart",
    "documentation": {
       "kendo-ui": "getting-started/dataviz/chart/overview",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/chart/overview",
       "jsp-ui": "getting-started/using-kendo-with/jsp/tags/chart/overview",
       "php-ui": "getting-started/using-kendo-with/php/widgets/chart/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/charts",
       "aspnet-mvc": "aspnet-mvc/chart",
       "jsp-ui": "jsp/chart",
       "php-ui": "php/chart"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/charts",
       "aspnet-mvc": "aspnet-mvc/chart",
       "jsp-ui": "jsp/chart",
       "php-ui": "php/chart"
    },
    "spriteCssClass": "chartAreaIcon",
    "items": [
      {
        "text": "Basic usage",
        "url": "area-charts/index",
        "title": {
            "kendo-ui": "Kendo UI jQuery-based Area Charts Demo"
        },
        "meta": {
            "kendo-ui": "This demo illustrates how Kendo UI Area Charts component can be added to your web page in order to visualize quantitive data. Learn how to define your area chart."
        }
      },
      {
        "text": "Stacked area",
        "url": "area-charts/stacked-area",
        "title": {
            "kendo-ui": "Kendo UI jQuery stacked area chart example"
        },
        "meta": {
            "kendo-ui": "This demo shows how the stacked area is created with KendoChart. Learn how to visualize series that should be stacked in the chart."
        }
      },
      {
        "text": "100% Stacked area",
        "url": "area-charts/stacked100-area",
        "title": {
            "kendo-ui": "Kendo UI jQuery 100% stacked area chart example"
        },
        "meta": {
            "kendo-ui": "This demo shows how a 100% stacked area chart is created with KendoChart. Learn how to visualize series that should be stacked to 100% in the chart."
        },
        "new": "true"
      },
      {
        "text": "Stepped Area",
        "url": "area-charts/step-area",
        "title": {
            "kendo-ui": "Example of using Kendo UI Area Chart with step line style"
        },
        "meta": {
            "kendo-ui": "This demo shows how to configure step line style for the Kendo UI Area Chart"
        }
      },
      {
        "text": "Smooth Area",
        "url": "area-charts/smooth-area",
        "title": {
            "kendo-ui": "Example of using Kendo UI Area Chart with smooth line (spline) style"
        },
        "meta": {
            "kendo-ui": "This demo shows how to configure smooth line (spline) style for the Kendo UI Area Chart"
        }
      },
      {
        "text": "Date axis",
        "url": "area-charts/date-axis",
        "title": {
            "kendo-ui": "Date axis sample for Kendo UI Area Charts"
        },
        "meta": {
            "kendo-ui": "This demo shows how you can set specific base date units in your Kendo UI Area Chart to help you visualize a seasonal trend in your app."
        }
      },
      {
        "text": "Logarithmic axis",
        "url": "area-charts/logarithmic-axis",
        "title": {
            "kendo-ui": "Logarithmic axis sample for Kendo UI Area Charts"
        },
        "meta": {
            "kendo-ui": "This demo shows how you can use a logarithmic axis for the Kendo UI Area Chart."
        },
        "new": "true",
        "requiresServer": "true"
      },
      {
        "text": "Multi-axis",
        "url": "area-charts/multiple-axes",
        "title": {
            "kendo-ui": "Multi-axis demo for Kendo UI Area Charts component"
        },
        "meta": {
            "kendo-ui": "Ensure the best performance of HTML5 charting and visualize data on multiple axis with Kendo UI Area Charts  in order to provide solid business reports for end users."
        }
      },
      {
        "text": "Error Bars",
        "url": "area-charts/error-bars",
        "title": {
            "kendo-ui": "Example of using ErrorBars for Kendo UI Area Chart"
        },
        "meta": {
            "kendo-ui": "This demo shows how to use ErrorBars for Kendo UI Area Chart"
        }
      },
      {
        "text": "Binding to remote data",
        "url": "area-charts/remote-data-binding",
        "title": {
            "kendo-ui": "Example of jQuery & HTML5 Kendo UI Area Chart bound to remote data"
        },
        "meta": {
            "kendo-ui": "This demo shows how Kendo UI Area Chart can be bound to remote data by configuring the DataSource transport which defines how the DataSource interacts with remote data."
        },
        "requiresServer": "true"
      },
      {
        "text": "Binding to local data",
        "url": "area-charts/local-data-binding",
        "title": {
            "kendo-ui": "Kendo UI Area Charts binding to local data example"
        },
        "meta": {
            "kendo-ui": "This sample demonstrates that Kendo UI HTML5 chart can use existing objects as data points."
        }
      },
      {
        "text": "Binding to grouped data",
        "url": "area-charts/grouped-data",
        "title": {
            "kendo-ui": "Kendo UI Area Charts | Example of binding to grouped data"
        },
        "meta": {
            "kendo-ui": "With this example you will learn how to bind grouping data to Kendo UI Area Charts."
        },
        "requiresServer": "true"
      },
      {
        "text": "MVVM",
        "url": "area-charts/mvvm",
        "title": {
            "kendo-ui": "MVVM support in Kendo UI Chart"
        },
        "meta": {
            "kendo-ui": "Events, source and visible MVVM binding support in Kendo UI Chart"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ],
        "requiresServer": "true"
      },
      {
        "text": "AngularJS",
        "new": true,
        "url": "area-charts/angular",
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI Chart"
        },
        "meta": {
            "kendo-ui": "AngularJS directives support in Kendo UI Chart"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ],
        "requiresServer": "true"
      }
    ],
    "category": "Data Visualization"
  },
  {
    "text": "Bar Charts",
    "name": "bar-charts",
    "pro": "true",
    "api": "dataviz/chart",
    "documentation": {
       "kendo-ui": "getting-started/dataviz/chart/overview",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/chart/overview",
       "jsp-ui": "getting-started/using-kendo-with/jsp/tags/chart/overview",
       "php-ui": "getting-started/using-kendo-with/php/widgets/chart/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/charts",
       "aspnet-mvc": "aspnet-mvc/chart",
       "jsp-ui": "jsp/chart",
       "php-ui": "php/chart"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/charts",
       "aspnet-mvc": "aspnet-mvc/chart",
       "jsp-ui": "jsp/chart",
       "php-ui": "php/chart"
    },
    "spriteCssClass": "chartBarIcon",
    "items": [
      {
        "text": "Basic usage",
        "url": "bar-charts/index",
        "title": {
            "kendo-ui": "Demo for Kendo UI Bar Chart"
        },
        "meta": {
            "kendo-ui": "This example illustrates the basic usage of Kendo UI Bar Chart which enables the user to show customized bar charts."
        }
      },
      {
        "text": "Column chart",
        "url": "bar-charts/column",
        "title": {
            "kendo-ui": "Example of a basic Kendo UI Column Chart control"
        },
        "meta": {
            "kendo-ui": "This demo shows how some settings of Kendo UI chart widget can be changed in order to display the bar Chart as a Column chart."
        }
      },
      {
        "text": "Stacked bars",
        "url": "bar-charts/stacked-bar",
        "title": {
            "kendo-ui": "Kendo UI jQuery-powered Stacked Bar Charts | Kendo UI DataViz Demos"
        },
        "meta": {
            "kendo-ui": "This example shows how Kendo UI Bar Charts component supports a stacked bar. The feature of the widget is enabled by setting the stacked property to true."
        }
      },
      {
        "text": "Stacked and grouped bars",
        "url": "bar-charts/grouped-stacked-bar",
        "title": {
            "kendo-ui": "Kendo UI Stacked and Grouped Bar Chart Example"
        },
        "meta": {
            "kendo-ui": "This sample demonstrates the implementation of Kendo UI stacked and grouped bars in various data visualization-driven web apps."
        }
      },
      {
        "text": "100% Stacked bars",
        "url": "bar-charts/stacked100-bar",
        "title": {
            "kendo-ui": "Kendo UI jQuery-powered 100% Stacked Bar Charts | Kendo UI DataViz Demos"
        },
        "meta": {
            "kendo-ui": "This example shows how Kendo UI Bar Charts component supports a 100% stacked bar. The feature of the widget is enabled by setting the stack type to '100%'."
        },
        "new": "true"
      },
      {
        "text": "100% Stacked and grouped bars",
        "url": "bar-charts/grouped-stacked100-bar",
        "title": {
            "kendo-ui": "Kendo UI 100% Stacked and Grouped Bar Chart Example"
        },
        "meta": {
            "kendo-ui": "This sample demonstrates the implementation of Kendo UI 100% stacked and grouped bars in various data visualization-driven web apps."
        },
        "new": "true"
      },
      {
        "text": "Date axis",
        "url": "bar-charts/date-axis",
        "title": {
            "kendo-ui": "Date axis example in Kendo UI jQuery chart control"
        },
        "meta": {
            "kendo-ui": "This sample shows how you can configure the base date unit for your date axis in Kendo UI HTML5 business bar chart."
        }
      },
      {
        "text": "Logarithmic axis",
        "url": "bar-charts/logarithmic-axis",
        "title": {
            "kendo-ui": "Logarithmic axis sample for Kendo UI Bar Charts"
        },
        "meta": {
            "kendo-ui": "This demo shows how you can use a logarithmic axis for the Kendo UI Bar Chart."
        },
        "new": "true"
      },
      {
        "text": "Multi-axis",
        "url": "bar-charts/multiple-axes",
        "title": {
            "kendo-ui": "Example of multiple axes implementation in Kendo UI Bar Chart"
        },
        "meta": {
            "kendo-ui": "This sample illustrates how you can display a data series, using multiple axes in your business chart, built with Kendo UI HTML5 Bar Chart widget."
        }
      },
      {
        "text": "Plot bands",
        "url": "bar-charts/plotbands",
        "title": {
            "kendo-ui": "Plot Bands example in Kendo UI Bar chart"
        },
        "meta": {
            "kendo-ui": "This sample demonstrates how to add plot bands to your Kendo UI jQuery charts in order to plot data within some borders."
        },
        "requiresServer": "true"
      },
      {
        "text": "Gap and spacing",
        "url": "bar-charts/gap-spacing",
        "title": {
            "kendo-ui": "Gap and spacing in Kendo UI Bar Charts | Kendo UI DataViz demo"
        },
        "meta": {
            "kendo-ui": "With this example, you will be able to take a closer look at gap and spacing in Kendo UI Bar Charts. Set gap and spacing values to play with the demo."
        }
      },
      {
        "text": "Error Bars",
        "url": "bar-charts/error-bars",
        "title": {
            "kendo-ui": "Example of using ErrorBars for Kendo UI Bar Chart"
        },
        "meta": {
            "kendo-ui": "This demo shows how to use ErrorBars for Kendo UI Bar Chart"
        }
      },
      {
        "text": "Pan and zoom",
        "url": "bar-charts/pan-and-zoom",
        "title": {
            "kendo-ui": "Pan and zoom in Bar charts | Kendo UI Bar Chart demo"
        },
        "meta": {
            "kendo-ui": "Achieve pan and zoom effect in Kendo UI Bar charts. This example demonstrates how you can apply pan and zoom to your bar charts."
        },
        "packages": [
          "!mvc"
        ]
      },
      {
        "text": "Binding to remote data",
        "url": "bar-charts/remote-data-binding",
        "title": {
            "kendo-ui": "Binding to remote data demo | Kendo UI HTML5 jQuery Bar Charts"
        },
        "meta": {
            "kendo-ui": "This demo shows how Kendo UI Bar Charts widget can be bound to remote data to produce high-performance report in your business app."
        },
        "requiresServer": "true"
      },
      {
        "text": "Binding to local data",
        "url": "bar-charts/local-data-binding",
        "title": {
            "kendo-ui": "Local data-binding example | Kendo UI Bar Charts"
        },
        "meta": {
            "kendo-ui": "This demo shows how the local data-binding is supported in Kendo UI Bar Charts. Use the demo source code to try the feature of the widget."
        }
      },
      {
        "text": "Binding to grouped data",
        "url": "bar-charts/grouped-data",
        "title": {
            "kendo-ui": "Grouped data binding demo for Kendo UI HTML5 Bar Charts"
        },
        "meta": {
            "kendo-ui": "This example shows the feature of binding to grouped data in Kendo UI Bar Charts. See the source code to find how to use name templates for the data group."
        },
        "requiresServer": "true"
      },
      {
        "text": "MVVM",
        "url": "bar-charts/mvvm",
        "title": {
            "kendo-ui": "MVVM support in Kendo UI Chart"
        },
        "meta": {
            "kendo-ui": "Events, source and visible MVVM binding support in Kendo UI Chart"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ],
        "requiresServer": "true"
      },
      {
        "text": "AngularJS",
        "new": true,
        "url": "bar-charts/angular",
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI Chart"
        },
        "meta": {
            "kendo-ui": "AngularJS directives support in Kendo UI Chart"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ],
        "requiresServer": "true"
      }

    ],
    "category": "Data Visualization"
  },
  {
    "text": "Box Plot Charts",
    "name": "box-plot-charts",
    "pro": "true",
    "api": "dataviz/chart",
    "documentation": {
       "kendo-ui": "getting-started/dataviz/chart/overview",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/chart/overview",
       "jsp-ui": "getting-started/using-kendo-with/jsp/tags/chart/overview",
       "php-ui": "getting-started/using-kendo-with/php/widgets/chart/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/charts",
       "aspnet-mvc": "aspnet-mvc/chart",
       "jsp-ui": "jsp/chart",
       "php-ui": "php/chart"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/charts",
       "aspnet-mvc": "aspnet-mvc/chart",
       "jsp-ui": "jsp/chart",
       "php-ui": "php/chart"
    },
    "spriteCssClass": "chartBoxPlotIcon",
    "items": [
      {
        "text": "Basic usage",
        "url": "box-plot-charts/index",
        "title": {
            "kendo-ui": "Kendo UI HTML5 Box Plot Charts Example"
        }
      },
      {
        "text": "Binding to remote data",
        "url": "box-plot-charts/remote-data-binding",
        "title": {
            "kendo-ui": "Binding to remote data example | Kendo UI Box Plot Charts"
        },
        "requiresServer": "true"
      },
      {
        "text": "Binding to local data",
        "url": "box-plot-charts/local-data-binding",
        "title": {
            "kendo-ui": "Kendo UI jQuery Box Plot Charts binding to local data demo"
        }
      },
      {
        "text": "MVVM",
        "url": "box-plot-charts/mvvm",
        "title": {
            "kendo-ui": "MVVM support in Kendo UI Chart"
        },
        "meta": {
            "kendo-ui": "Events, source and visible MVVM binding support in Kendo UI Chart"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ],
        "requiresServer": "true"
      },
      {
        "text": "AngularJS",
        "new": true,
        "url": "box-plot-charts/angular",
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI Chart"
        },
        "meta": {
            "kendo-ui": "AngularJS directives support in Kendo UI Chart"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ],
        "requiresServer": "true"
      }

    ],
    "category": "Data Visualization"
  },
  {
    "text": "Bubble Charts",
    "name": "bubble-charts",
    "pro": "true",
    "api": "dataviz/chart",
    "documentation": {
       "kendo-ui": "getting-started/dataviz/chart/overview",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/chart/overview",
       "jsp-ui": "getting-started/using-kendo-with/jsp/tags/chart/overview",
       "php-ui": "getting-started/using-kendo-with/php/widgets/chart/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/charts",
       "aspnet-mvc": "aspnet-mvc/chart",
       "jsp-ui": "jsp/chart",
       "php-ui": "php/chart"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/charts",
       "aspnet-mvc": "aspnet-mvc/chart",
       "jsp-ui": "jsp/chart",
       "php-ui": "php/chart"
    },
    "spriteCssClass": "chartBubbleIcon",
    "items": [
      {
        "text": "Basic usage",
        "url": "bubble-charts/index",
        "title": {
            "kendo-ui": "Kendo UI Bubble Charts demo"
        },
        "meta": {
            "kendo-ui": "This example demonstrates the basic usage and core features of Kendo UI jQuery & HTML5 Bubble Charts widget."
        }
      },
      {
        "text": "Binding to remote data",
        "url": "bubble-charts/remote-data-binding",
        "title": {
            "kendo-ui": "Binding to remote data example | Kendo UI Bubble Chart demo"
        },
        "meta": {
            "kendo-ui": "This demo illustrates binding to remote data feature of Kendo UI Bubble Chart for rich HTML5 visualizations."
        },
        "requiresServer": "true"
      },
      {
        "text": "Binding to local data",
        "url": "bubble-charts/local-data-binding",
        "title": {
            "kendo-ui": "Local data binding mode in Kendo UI Bubble chart widget"
        },
        "meta": {
            "kendo-ui": "This demo illustrates the powerful \"Binding to local data\" feature, supported in Kendo UI Bubble Chart widget."
        }
      },
      {
        "text": "Binding to grouped data",
        "url": "bubble-charts/grouped-data",
        "title": {
            "kendo-ui": "Binding to grouped data example | Kendo UI HTML5 Bubble Charts"
        },
        "meta": {
            "kendo-ui": "This demo shows how to bind Kendo UI Bubble Charts component to grouped data. See how you can implement the feature in your rich web app."
        },
        "requiresServer": "true"
      },
      {
        "text": "MVVM",
        "url": "bubble-charts/mvvm",
        "title": {
            "kendo-ui": "MVVM support in Kendo UI Chart"
        },
        "meta": {
            "kendo-ui": "Events, source and visible MVVM binding support in Kendo UI Chart"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ],
        "requiresServer": "true"
      },
      {
        "text": "AngularJS",
        "new": true,
        "url": "bubble-charts/angular",
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI Chart"
        },
        "meta": {
            "kendo-ui": "AngularJS directives support in Kendo UI Chart"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ],
        "requiresServer": "true"
      }

    ],
    "category": "Data Visualization"
  },
  {
    "text": "Bullet Charts",
    "name": "bullet-charts",
    "pro": "true",
    "api": "dataviz/chart",
    "documentation": {
       "kendo-ui": "getting-started/dataviz/chart/overview",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/chart/overview",
       "jsp-ui": "getting-started/using-kendo-with/jsp/tags/chart/overview",
       "php-ui": "getting-started/using-kendo-with/php/widgets/chart/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/charts",
       "aspnet-mvc": "aspnet-mvc/chart",
       "jsp-ui": "jsp/chart",
       "php-ui": "php/chart"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/charts",
       "aspnet-mvc": "aspnet-mvc/chart",
       "jsp-ui": "jsp/chart",
       "php-ui": "php/chart"
    },
    "spriteCssClass": "chartBulletIcon",
    "items": [
      {
        "text": "Basic usage",
        "url": "bullet-charts/index",
        "title": {
            "kendo-ui": "Bullet Charts Example | Kendo UI JavaScript data visualization components"
        },
        "meta": {
            "kendo-ui": "Kendo UI jQuery-based Bullet Charts provide a rich data visualization. In this basic usage demo we will create a horizontal Kendo UI Bullet Chart."
        }
      },
      {
        "text": "Binding to local data",
        "url": "bullet-charts/local-data-binding",
        "title": {
            "kendo-ui": "Local Data Binding in Bullet Charts | Kendo UI Bullet charts demo"
        },
        "meta": {
            "kendo-ui": "In this example we will bind local data to the Kendo UI Bullet Chart in order to show the behavior of the component."
        }
      },
      {
        "text": "Binding to remote data",
        "url": "bullet-charts/remote-data-binding",
        "title": {
            "kendo-ui": "Binding Kendo UI Bullet Chart to remote data"
        },
        "meta": {
            "kendo-ui": "This online demo will show you how to bind a Kendo UI Bullet Chart to remote data."
        },
        "requiresServer": "true"
      },
      {
        "text": "MVVM",
        "url": "bullet-charts/mvvm",
        "title": {
            "kendo-ui": "MVVM support in Kendo UI Chart"
        },
        "meta": {
            "kendo-ui": "Events, source and visible MVVM binding support in Kendo UI Chart"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ],
        "requiresServer": "true"
      },
      {
        "text": "AngularJS",
        "new": true,
        "url": "bullet-charts/angular",
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI Chart"
        },
        "meta": {
            "kendo-ui": "AngularJS directives support in Kendo UI Chart"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ],
        "requiresServer": "true"
      }

    ],
    "category": "Data Visualization"
  },
  {
    "text": "Donut Charts",
    "name": "donut-charts",
    "pro": "true",
    "api": "dataviz/chart",
    "documentation": {
       "kendo-ui": "getting-started/dataviz/chart/overview",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/chart/overview",
       "jsp-ui": "getting-started/using-kendo-with/jsp/tags/chart/overview",
       "php-ui": "getting-started/using-kendo-with/php/widgets/chart/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/charts",
       "aspnet-mvc": "aspnet-mvc/chart",
       "jsp-ui": "jsp/chart",
       "php-ui": "php/chart"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/charts",
       "aspnet-mvc": "aspnet-mvc/chart",
       "jsp-ui": "jsp/chart",
       "php-ui": "php/chart"
    },
    "spriteCssClass": "chartDonutIcon",
    "items": [
      {
        "text": "Basic usage",
        "url": "donut-charts/index",
        "title": {
            "kendo-ui": "Example of Kendo UI Donut Charts"
        },
        "meta": {
            "kendo-ui": "This demo shows the core functionality of Kendo UI jQuery Donut Charts which visualize the breakdown of data into its elements."
        }
      },
      {
        "text": "Donut labels",
        "url": "donut-charts/donut-labels",
        "title": {
            "kendo-ui": "Configuration of donut labels in Kendo UI Donut charts"
        },
        "meta": {
            "kendo-ui": "This example shows how to configure the values of Kendo UI jQuery Donut Charts, enable/disable donut labels and specify how they are aligned to the chart."
        }
      },
      {
        "text": "Binding to remote data",
        "url": "donut-charts/remote-data-binding",
        "title": {
            "kendo-ui": "Binding to remote data demo for Kendo UI Donut Charts"
        },
        "meta": {
            "kendo-ui": "This example shows how to bind Kendo UI Donut Charts to remote data."
        },
        "requiresServer": "true"
      },
      {
        "text": "Binding to local data",
        "url": "donut-charts/local-data-binding",
        "title": {
            "kendo-ui": "Local data binding in Kendo UI Donut Charts"
        },
        "meta": {
            "kendo-ui": "This demo illustrates how Kendo UI Donut Charts widget can be bound to local data to deliver high-performance business application."
        }
      },
      {
        "text": "MVVM",
        "url": "donut-charts/mvvm",
        "title": {
            "kendo-ui": "MVVM support in Kendo UI Chart"
        },
        "meta": {
            "kendo-ui": "Events, source and visible MVVM binding support in Kendo UI Chart"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ],
        "requiresServer": "true"
      },
      {
        "text": "AngularJS",
        "new": true,
        "url": "donut-charts/angular",
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI Chart"
        },
        "meta": {
            "kendo-ui": "AngularJS directives support in Kendo UI Chart"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ],
        "requiresServer": "true"
      }

    ],
    "category": "Data Visualization"
  },
  {
    "text": "Funnel Charts",
    "name": "funnel-charts",
    "pro": "true",
    "api": "dataviz/chart",
    "documentation": {
       "kendo-ui": "getting-started/dataviz/chart/overview",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/chart/overview",
       "jsp-ui": "getting-started/using-kendo-with/jsp/tags/chart/overview",
       "php-ui": "getting-started/using-kendo-with/php/widgets/chart/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/charts",
       "aspnet-mvc": "aspnet-mvc/chart",
       "jsp-ui": "jsp/chart",
       "php-ui": "php/chart"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/charts",
       "aspnet-mvc": "aspnet-mvc/chart",
       "jsp-ui": "jsp/chart",
       "php-ui": "php/chart"
    },
    "spriteCssClass": "chartFunnelIcon",
    "items": [
      {
        "text": "Basic usage",
        "url": "funnel-charts/index",
        "title": {
            "kendo-ui": "Example of Kendo UI Funnel Charts"
        },
        "meta": {
            "kendo-ui": "This demo shows the core functionality of Kendo UI jQuery Funnel Charts which visualize the breakdown of data into its elements."
        },
        "packages": [
          "!offline"
        ]
      },
      {
        "text": "Funnel labels",
        "url": "funnel-charts/funnel-labels",
        "title": {
            "kendo-ui": "Configuration of Funnel labels in Kendo UI funnel charts"
        },
        "meta": {
            "kendo-ui": "This example shows how to configure the values of Kendo UI jQuery Funnel Charts, enable/disable funnel labels and specify how they are aligned to the chart."
        },
        "packages": [
          "!offline"
        ]
      },
      {
        "text": "Binding to remote data",
        "url": "funnel-charts/remote-data-binding",
        "title": {
            "kendo-ui": "Binding to remote data demo for Kendo UI Funnel Charts"
        },
        "meta": {
            "kendo-ui": "This example shows how to bind Kendo UI Funnel Charts to remote data."
        },
        "requiresServer": "true"
      },
      {
        "text": "Binding to local data",
        "url": "funnel-charts/local-data-binding",
        "title": {
            "kendo-ui": "Local data binding in Kendo UI Funnel Charts"
        },
        "meta": {
            "kendo-ui": "This demo illustrates how Kendo UI funnel Charts widget can be bound to local data to deliver high-performance business application."
        }
      },
      {
        "text": "MVVM",
        "url": "funnel-charts/mvvm",
        "title": {
            "kendo-ui": "MVVM support in Kendo UI Chart"
        },
        "meta": {
            "kendo-ui": "Events, source and visible MVVM binding support in Kendo UI Chart"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ],
        "requiresServer": "true"
      },
      {
        "text": "AngularJS",
        "new": true,
        "url": "funnel-charts/angular",
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI Chart"
        },
        "meta": {
            "kendo-ui": "AngularJS directives support in Kendo UI Chart"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ],
        "requiresServer": "true"
      }

    ],
    "category": "Data Visualization"
  },
  {
    "text": "Line Charts",
    "name": "line-charts",
    "pro": "true",
    "api": "dataviz/chart",
    "documentation": {
       "kendo-ui": "getting-started/dataviz/chart/overview",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/chart/overview",
       "jsp-ui": "getting-started/using-kendo-with/jsp/tags/chart/overview",
       "php-ui": "getting-started/using-kendo-with/php/widgets/chart/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/charts",
       "aspnet-mvc": "aspnet-mvc/chart",
       "jsp-ui": "jsp/chart",
       "php-ui": "php/chart"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/charts",
       "aspnet-mvc": "aspnet-mvc/chart",
       "jsp-ui": "jsp/chart",
       "php-ui": "php/chart"
    },
    "spriteCssClass": "chartLineIcon",
    "items": [
      {
        "text": "Basic usage",
        "url": "line-charts/index",
        "title": {
            "kendo-ui": "Kendo UI Line Charts Demo"
        },
        "meta": {
            "kendo-ui": "This example illustrates the features and core functionality of Kendo UI Line Charts component. HTML5 line graphs show trends over a specific time period."
        }
      },
      {
        "text": "Stacked line",
        "url": "line-charts/stacked-line",
        "title": {
            "kendo-ui": "Kendo UI Stacked Line Charts Demo"
        },
        "meta": {
            "kendo-ui": "This demo shows how you can easily implement Kendo UI Stacked Line Charts in your business webapp."
        }
      },
      {
        "text": "100% Stacked line",
        "url": "line-charts/stacked100-line",
        "title": {
            "kendo-ui": "Kendo UI 100% Stacked Line Charts Demo"
        },
        "meta": {
            "kendo-ui": "This demo shows how you can easily implement Kendo UI 100% Stacked Line Charts in your business webapp."
        },
        "new": "true"
      },
      {
        "text": "Steped line",
        "url": "line-charts/step-line",
        "title": {
            "kendo-ui": "Example of using Kendo UI Line Chart with step line style"
        },
        "meta": {
            "kendo-ui": "This demo shows how to configure step line style for the Kendo UI Line Chart"
        }
      },
      {
        "text": "Smooth line",
        "url": "line-charts/smooth-line",
        "title": {
            "kendo-ui": "Example of using Kendo UI Line Chart with smooth line (spline) style"
        },
        "meta": {
            "kendo-ui": "This demo shows how to configure smooth line (spline) style for the Kendo UI Line Chart"
        }
      },
      {
        "text": "Date axis",
        "url": "line-charts/date-axis",
        "title": {
            "kendo-ui": "Example of Kendo UI HTML5 Line Charts Date Axis"
        },
        "meta": {
            "kendo-ui": "This demo illustrates the date axis in Kendo UI Line Charts can be easily changed by setting the configuration and specifying the aggregate function value."
        }
      },
      {
        "text": "Logarithmic axis",
        "url": "line-charts/logarithmic-axis",
        "title": {
            "kendo-ui": "Logarithmic axis sample for Kendo UI Line Charts"
        },
        "meta": {
            "kendo-ui": "This demo shows how you can use a logarithmic axis for the Kendo UI Line Chart."
        },
        "new": "true",
        "requiresServer": "true"
      },
      {
        "text": "Multi-axis",
        "url": "line-charts/multiple-axes",
        "title": {
            "kendo-ui": "Multi-axes feature example | Kendo UI Line Charts widget"
        },
        "meta": {
            "kendo-ui": "This demo shows how easily Kendo UI Line Charts can be customized to achieve what you want in your app. Apply multiple axes to your Kendo UI Line Charts."
        }
      },
      {
        "text": "Notes",
        "url": "line-charts/notes",
        "title": {
            "kendo-ui": "Notes feature example | Kendo UI Line Charts widget"
        },
        "meta": {
            "kendo-ui": "This demo shows how to place annotations in your Kendo UI Charts."
        }
      },
      {
        "text": "Error Bars",
        "url": "line-charts/error-bars",
        "title": {
            "kendo-ui": "Example of using ErrorBars for Kendo UI Line Chart"
        },
        "meta": {
            "kendo-ui": "This demo shows how to use ErrorBars for Kendo UI Line Chart"
        }
      },
      {
        "text": "Binding to remote data",
        "url": "line-charts/remote-data-binding",
        "title": {
            "kendo-ui": "Binding to remote data example | Kendo UI Line Charts features"
        },
        "meta": {
            "kendo-ui": "This example illustrates how binding to remote data works in Kendo UI Line Charts and the demo source code would guide you how to apply it to your line chart."
        },
        "requiresServer": "true"
      },
      {
        "text": "Binding to local data",
        "url": "line-charts/local-data-binding",
        "title": {
            "kendo-ui": "Binding to local data example | Kendo UI Line Charts"
        },
        "meta": {
            "kendo-ui": "This example illustrates how Kendo UI Line Charts use existing objects as data points."
        }
      },
      {
        "text": "Binding to grouped data",
        "url": "line-charts/grouped-data",
        "title": {
            "kendo-ui": "Binding to grouped data demo | Kendo UI Line Charts"
        },
        "meta": {
            "kendo-ui": "This example illustrates how binding to grouped data feature works in Kendo UI Line Charts."
        },
        "requiresServer": "true"
      },
      {
        "text": "MVVM",
        "url": "line-charts/mvvm",
        "title": {
            "kendo-ui": "MVVM support in Kendo UI Chart"
        },
        "meta": {
            "kendo-ui": "Events, source and visible MVVM binding support in Kendo UI Chart"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ],
        "requiresServer": "true"
      },
      {
        "text": "AngularJS",
        "new": true,
        "url": "line-charts/angular",
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI Chart"
        },
        "meta": {
            "kendo-ui": "AngularJS directives support in Kendo UI Chart"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ],
        "requiresServer": "true"
      }

    ],
    "category": "Data Visualization"
  },
  {
    "text": "Pie Charts",
    "name": "pie-charts",
    "pro": "true",
    "api": "dataviz/chart",
    "documentation": {
       "kendo-ui": "getting-started/dataviz/chart/overview",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/chart/overview",
       "jsp-ui": "getting-started/using-kendo-with/jsp/tags/chart/overview",
       "php-ui": "getting-started/using-kendo-with/php/widgets/chart/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/charts",
       "aspnet-mvc": "aspnet-mvc/chart",
       "jsp-ui": "jsp/chart",
       "php-ui": "php/chart"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/charts",
       "aspnet-mvc": "aspnet-mvc/chart",
       "jsp-ui": "jsp/chart",
       "php-ui": "php/chart"
    },
    "spriteCssClass": "chartPieIcon",
    "items": [
      {
        "text": "Basic usage",
        "url": "pie-charts/index",
        "title": {
            "kendo-ui": "Kendo UI HTML5 Pie Charts Example"
        },
        "meta": {
            "kendo-ui": "This demo shows how Kendo UI Pie Charts is easily applied to web apps. The control draws data series in slices in order to create rich HTML5 visualizations."
        }
      },
      {
        "text": "Pie labels",
        "url": "pie-charts/pie-labels",
        "title": {
            "kendo-ui": "Pie labels demo | Kendo UI jQuery Pie Charts"
        },
        "meta": {
            "kendo-ui": "This demo shows how the animated pie labels work in Kendo UI Pie Charts and lets you play with the configuration of the labels."
        }
      },
      {
        "text": "Binding to remote data",
        "url": "pie-charts/remote-data-binding",
        "title": {
            "kendo-ui": "Binding to remote data example | Kendo UI Pie Charts"
        },
        "meta": {
            "kendo-ui": "This demo illustrates how Kendo UI Pie Charts can be bound to remote data by configuring Kendo UI DataSource component."
        },
        "requiresServer": "true"
      },
      {
        "text": "Binding to local data",
        "url": "pie-charts/local-data-binding",
        "title": {
            "kendo-ui": "Kendo UI jQuery Pie Charts binding to local data demo"
        },
        "meta": {
            "kendo-ui": "This demo shows how Kendo UI Pie Charts use existing objects as data points. The example illustrates binding to local data feature of the widget."
        }
      },
      {
        "text": "MVVM",
        "url": "pie-charts/mvvm",
        "title": {
            "kendo-ui": "MVVM support in Kendo UI Chart"
        },
        "meta": {
            "kendo-ui": "Events, source and visible MVVM binding support in Kendo UI Chart"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ],
        "requiresServer": "true"
      },
      {
        "text": "AngularJS",
        "new": true,
        "url": "pie-charts/angular",
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI Chart"
        },
        "meta": {
            "kendo-ui": "AngularJS directives support in Kendo UI Chart"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ],
        "requiresServer": "true"
      }

    ],
    "category": "Data Visualization"
  },
  {
    "text": "Polar Charts",
    "name": "polar-charts",
    "pro": "true",
    "api": "dataviz/chart",
    "documentation": {
       "kendo-ui": "getting-started/dataviz/chart/overview",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/chart/overview",
       "jsp-ui": "getting-started/using-kendo-with/jsp/tags/chart/overview",
       "php-ui": "getting-started/using-kendo-with/php/widgets/chart/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/charts",
       "aspnet-mvc": "aspnet-mvc/chart",
       "jsp-ui": "jsp/chart",
       "php-ui": "php/chart"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/charts",
       "aspnet-mvc": "aspnet-mvc/chart",
       "jsp-ui": "jsp/chart",
       "php-ui": "php/chart"
    },
    "spriteCssClass": "chartPolarIcon",
    "items": [
      {
        "text": "Polar line",
        "url": "polar-charts/index",
        "title": {
            "kendo-ui": "Kendo UI jQuery-based Polar Charts Demo"
        },
        "meta": {
            "kendo-ui": "This demo illustrates how Kendo UI Polar Charts component can be added to your web page in order to visualize quantitive data. Learn how to define your polar chart."
        }
      },
      {
        "text": "Smooth polar line",
        "url": "polar-charts/smooth-polar-line",
        "title": {
            "kendo-ui": "Example of using smooth line (spline) style for Kendo UI Polar Charts"
        },
        "meta": {
            "kendo-ui": "This demo shows how to configure the Kendo UI Polar Charts to use smooth line (spline) style"
        }
      },
      {
        "text": "Polar scatter",
        "url": "polar-charts/polar-scatter",
        "title": {
            "kendo-ui": "Kendo UI Polar Charts | Example of polar scatter chart"
        },
        "meta": {
            "kendo-ui": "This demo shows how to configure Kendo UI Polar Scatter Chart"
        }
      },
      {
        "text": "Polar area",
        "url": "polar-charts/polar-area",
        "title": {
            "kendo-ui": "Kendo UI Polar Charts | Example of polar area chart"
        },
        "meta": {
            "kendo-ui": "This demo illustrates how to configure Kendo UI Polar Area Chart"
        }
      },
      {
        "text": "Binding to remote data",
        "url": "polar-charts/remote-data-binding",
        "title": {
            "kendo-ui": "Example of jQuery & HTML5 Kendo UI Polar Chart bound to remote data"
        },
        "meta": {
            "kendo-ui": "This demo shows how Kendo UI Polar Chart can be bound to remote data by configuring the DataSource transport which defines how the DataSource interacts with remote data."
        },
        "requiresServer": "true"
      },
      {
        "text": "Binding to local data",
        "url": "polar-charts/local-data-binding",
        "title": {
            "kendo-ui": "Kendo UI Polar Charts binding to local data example"
        },
        "meta": {
            "kendo-ui": "This sample demonstrates that Kendo UI HTML5 chart can use existing objects as data points."
        }
      },
      {
        "text": "MVVM",
        "url": "polar-charts/mvvm",
        "title": {
            "kendo-ui": "MVVM support in Kendo UI Chart"
        },
        "meta": {
            "kendo-ui": "Events, source and visible MVVM binding support in Kendo UI Chart"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ],
        "requiresServer": "true"
      },
      {
        "text": "AngularJS",
        "new": true,
        "url": "polar-charts/angular",
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI Chart"
        },
        "meta": {
            "kendo-ui": "AngularJS directives support in Kendo UI Chart"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ],
        "requiresServer": "true"
      }

    ],
    "category": "Data Visualization"
  },
  {
    "text": "Radar Charts",
    "name": "radar-charts",
    "pro": "true",
    "api": "dataviz/chart",
    "documentation": {
       "kendo-ui": "getting-started/dataviz/chart/overview",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/chart/overview",
       "jsp-ui": "getting-started/using-kendo-with/jsp/tags/chart/overview",
       "php-ui": "getting-started/using-kendo-with/php/widgets/chart/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/charts",
       "aspnet-mvc": "aspnet-mvc/chart",
       "jsp-ui": "jsp/chart",
       "php-ui": "php/chart"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/charts",
       "aspnet-mvc": "aspnet-mvc/chart",
       "jsp-ui": "jsp/chart",
       "php-ui": "php/chart"
    },
    "spriteCssClass": "chartRadarIcon",
    "items": [
      {
        "text": "Radar line",
        "url": "radar-charts/index",
        "title": {
            "kendo-ui": "Kendo UI jQuery-based Radar Charts Demo"
        },
        "meta": {
            "kendo-ui": "This demo illustrates how Kendo UI Radar Charts component can be added to your web page in order to visualize quantitive data. Learn how to define your radar chart."
        }
      },
      {
        "text": "Smooth radar line",
        "url": "radar-charts/smooth-radar-line",
        "title": {
            "kendo-ui": "Example of using smooth line (spline) style for the Kendo UI Radar Charts"
        },
        "meta": {
            "kendo-ui": "This demo shows how to configure the Kendo UI Radar Charts to use smooth line style (spline)"
        },
        "requiresServer": "true"
      },
      {
        "text": "Radar area",
        "url": "radar-charts/radar-area",
        "title": {
            "kendo-ui": "Kendo UI Radar Charts | Example of radar area chart"
        },
        "meta": {
            "kendo-ui": "This demo shows how to configure Kendo UI Radar Area Chart"
        }
      },
      {
        "text": "Radar column",
        "url": "radar-charts/radar-column",
        "title": {
            "kendo-ui": "Kendo UI Radar Charts | Example of radar column chart"
        },
        "meta": {
            "kendo-ui": "This demo illustrates how to display a Kendo UI Radar Column Chart"
        }
      },
      {
        "text": "Binding to remote data",
        "url": "radar-charts/remote-data-binding",
        "title": {
            "kendo-ui": "Example of jQuery & HTML5 Kendo UI Radar Charts bound to remote data"
        },
        "meta": {
            "kendo-ui": "This demo shows how Kendo UI Radar Chart can be bound to remote data by configuring the DataSource transport which defines how the DataSource interacts with remote data."
        },
        "requiresServer": "true"
      },
      {
        "text": "Binding to local data",
        "url": "radar-charts/local-data-binding",
        "title": {
            "kendo-ui": "Kendo UI Radar Charts binding to local data example"
        },
        "meta": {
            "kendo-ui": "This sample demonstrates that Kendo UI HTML5 chart can use existing objects as data points."
        }
      },
      {
        "text": "Binding to grouped data",
        "url": "radar-charts/grouped-data",
        "title": {
            "kendo-ui": "Kendo UI Radar Charts | Example of binding to grouped data"
        },
        "meta": {
            "kendo-ui": "With this example you will learn how to bind grouping data to Kendo UI Radar Charts."
        },
        "requiresServer": "true"
      },
      {
        "text": "MVVM",
        "url": "radar-charts/mvvm",
        "title": {
            "kendo-ui": "MVVM support in Kendo UI Chart"
        },
        "meta": {
            "kendo-ui": "Events, source and visible MVVM binding support in Kendo UI Chart"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ],
        "requiresServer": "true"
      },
      {
        "text": "AngularJS",
        "new": true,
        "url": "radar-charts/angular",
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI Chart"
        },
        "meta": {
            "kendo-ui": "AngularJS directives support in Kendo UI Chart"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ],
        "requiresServer": "true"
      }

    ],
    "category": "Data Visualization"
  },
  {
	"text": "Range Bar Charts",
    "pro": "true",
    "api": "dataviz/chart",
	"documentation": {
       "kendo-ui": "getting-started/dataviz/chart/overview",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/chart/overview",
       "jsp-ui": "getting-started/using-kendo-with/jsp/tags/chart/overview",
       "php-ui": "getting-started/using-kendo-with/php/widgets/chart/overview"
    },
	"forum": {
       "kendo-ui": "kendo-ui/charts",
       "aspnet-mvc": "aspnet-mvc/chart",
       "jsp-ui": "jsp/chart",
       "php-ui": "php/chart"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/charts",
       "aspnet-mvc": "aspnet-mvc/chart",
       "jsp-ui": "jsp/chart",
       "php-ui": "php/chart"
    },
	"items": [
		{
			"text": "Basic usage",
			"url": "range-bar-charts/index",
			"title": {
				"kendo-ui": "Demo for Kendo UI Range Bar Chart"
			},
			"meta": {
				"kendo-ui": "This example illustrates the basic usage of Kendo UI Range Bar Chart which enables the user to show customized range bar charts."
			}
		},
		{
			"text": "Binding to local data",
			"url": "range-bar-charts/local-data-binding",
			"title": {
				"kendo-ui": "Local data-binding example | Kendo UI Range Bar Charts"
			},
			"meta": {
				"kendo-ui": "This demo shows how the local data-binding is supported in Kendo UI Range Bar Charts. Use the demo source code to try the feature of the widget."
			}
		},
		{
			"text": "Binding to remote data",
			"url": "range-bar-charts/remote-data-binding",
			"title": {
				"kendo-ui": "Binding to remote data demo | Kendo UI HTML5 jQuery Range Bar Charts"
			},
			"meta": {
				"kendo-ui": "This demo shows how Kendo UI Range Bar Chart widget can be bound to remote data to produce high-performance report in your business app."
			},
			"requiresServer": "true"
		}
	],
	"spriteCssClass": "chartRangeBarIcon",
        "new": "true",
	"name": "range-bar-charts",
	"category": "Data Visualization"
  },
  {
    "text": "Waterfall Charts",
    "name": "waterfall-charts",
    "pro": "true",
    "new": "true",
    "api": "dataviz/chart",
    "documentation": {
       "kendo-ui": "getting-started/dataviz/chart/overview",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/chart/overview",
       "jsp-ui": "getting-started/using-kendo-with/jsp/tags/chart/overview",
       "php-ui": "getting-started/using-kendo-with/php/widgets/chart/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/charts",
       "aspnet-mvc": "aspnet-mvc/chart",
       "jsp-ui": "jsp/chart",
       "php-ui": "php/chart"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/charts",
       "aspnet-mvc": "aspnet-mvc/chart",
       "jsp-ui": "jsp/chart",
       "php-ui": "php/chart"
    },
    "items": [
        {
            "text": "Basic usage",
            "url": "waterfall-charts/index",
            "title": {
                "kendo-ui": "Demo for Kendo UI Waterfall Chart"
            },
            "meta": {
                "kendo-ui": "This example illustrates the basic usage of Kendo UI Waterfall Chart."
            }
        },
        {
            "text": "Horizontal Waterfall",
            "url": "waterfall-charts/horizontal",
            "title": {
                "kendo-ui": "Demo for horizontal Kendo UI Waterfall Chart"
            },
            "meta": {
                "kendo-ui": "This example illustrates how to set the Kendo UI Waterfall Chart orientation."
            }
        },
        {
            "text": "Binding to local data",
            "url": "waterfall-charts/local-data-binding",
            "title": {
                "kendo-ui": "Local data-binding example | Kendo UI Waterfall Charts"
            },
            "meta": {
                "kendo-ui": "This demo shows how the local data-binding is supported in Kendo UI Waterfall Charts. Use the demo source code to try the feature of the widget."
            }
        },
        {
            "text": "Binding to remote data",
            "url": "waterfall-charts/remote-data-binding",
            "title": {
                "kendo-ui": "Binding to remote data demo | Kendo UI HTML5 jQuery Waterfall Charts"
            },
            "meta": {
                "kendo-ui": "This demo shows how Kendo UI Waterfall Chart widget can be bound to remote data to produce high-performance report in your business app."
            },
            "requiresServer": "true"
        }
    ],
    "spriteCssClass": "chartWaterfallIcon",
    "category": "Data Visualization"
  },
  {
    "text": "Scatter Charts",
    "name": "scatter-charts",
    "pro": "true",
    "api": "dataviz/chart",
    "documentation": {
       "kendo-ui": "getting-started/dataviz/chart/overview",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/chart/overview",
       "jsp-ui": "getting-started/using-kendo-with/jsp/tags/chart/overview",
       "php-ui": "getting-started/using-kendo-with/php/widgets/chart/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/charts",
       "aspnet-mvc": "aspnet-mvc/chart",
       "jsp-ui": "jsp/chart",
       "php-ui": "php/chart"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/charts",
       "aspnet-mvc": "aspnet-mvc/chart",
       "jsp-ui": "jsp/chart",
       "php-ui": "php/chart"
    },
    "spriteCssClass": "chartScatterIcon",
    "items": [
      {
        "text": "Basic usage",
        "url": "scatter-charts/index",
        "title": {
            "kendo-ui": "Kendo UI jQuery-powered Scatter Charts Demo"
        },
        "meta": {
            "kendo-ui": "This example shows the most important features and functionality of Kendo UI Scatter Charts."
        }
      },
      {
        "text": "Scatter line chart",
        "url": "scatter-charts/scatter-line",
        "title": {
            "kendo-ui": "Kendo UI Scatter Line Charts Demo"
        },
        "meta": {
            "kendo-ui": "This sample demonstrates how Kendo UI Scatter Line Charts combines Line and Scatter chart types in your rich HTML5 data visualizations."
        }
      },
      {
        "text": "Smooth scatter line",
        "url": "scatter-charts/smooth-scatter-line",
        "title": {
            "kendo-ui": "Example of using smooth line (spline) style for the Kendo UI Scatter Line Chart"
        },
        "meta": {
            "kendo-ui": "This demo shows how to configure the Kendo UI Scatter Line Chart to use smooth line (spline) style"
        }
      },
      {
        "text": "Date axis",
        "url": "scatter-charts/date-axis",
        "title": {
            "kendo-ui": "Date Axis demo in Kendo UI Scatter Charts "
        },
        "meta": {
            "kendo-ui": "This example illustrates all properties, specific to date value axis of Kendo UI jQuery Scatter Charts."
        },
        "requiresServer": "true"
      },
      {
        "text": "Multi-axis",
        "url": "scatter-charts/multiple-axes",
        "title": {
            "kendo-ui": "Multiple axes in Kendo UI HTML5 Scatter Charts | Kendo UI DataViz Demos"
        },
        "meta": {
            "kendo-ui": "This demo illustrates how array of values for multi-axis Kendo UI Scatter Charts are displayed on the plot area."
        }
      },
      {
        "text": "Binding to remote data",
        "url": "scatter-charts/remote-data-binding",
        "title": {
            "kendo-ui": "Remote data-bound scatter series example | Kendo UI Scatter Charts"
        },
        "meta": {
            "kendo-ui": "This demo shows how scatter series of Kendo UI Scatter Charts can be bound to remote data source items."
        },
        "requiresServer": "true"
      },
      {
        "text": "Binding to local data",
        "url": "scatter-charts/local-data-binding",
        "title": {
            "kendo-ui": "Example of binding to local data in Kendo UI jQuery Scatter Charts"
        },
        "meta": {
            "kendo-ui": "This demo shows how Kendo UI Scatter Charts can use local objects as data points in the HTML5 visualization."
        }
      },
      {
        "text": "Binding to grouped data",
        "url": "scatter-charts/grouped-data",
        "title": {
            "kendo-ui": "Example of Kendo UI Scatter Charts bound to grouped data"
        },
        "meta": {
            "kendo-ui": "This demo shows how define a group of values in Kendo UI Scatter Charts by configuring the parameters in the DataSource component."
        },
        "requiresServer": "true"
      },
      {
        "text": "Pan and zoom",
        "url": "scatter-charts/pan-and-zoom",
        "title": {
            "kendo-ui": "Pan and zoom in Kendo UI Scatter Charts"
        },
        "meta": {
            "kendo-ui": "In this example we demonstrate pan and zoom effects in Kendo UI Scatter Charts. Look at the source code to learn how to filter the DataSource component."
        },
        "packages": [
          "!mvc"
        ]
      },
      {
        "text": "MVVM",
        "url": "scatter-charts/mvvm",
        "title": {
            "kendo-ui": "MVVM support in Kendo UI Chart"
        },
        "meta": {
            "kendo-ui": "Events, source and visible MVVM binding support in Kendo UI Chart"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ],
        "requiresServer": "true"
      },
      {
        "text": "AngularJS",
        "new": true,
        "url": "scatter-charts/angular",
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI Chart"
        },
        "meta": {
            "kendo-ui": "AngularJS directives support in Kendo UI Chart"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ],
        "requiresServer": "true"
      }
    ],
    "category": "Data Visualization"
  },
  {
    "text": "Sparklines",
    "name": "sparklines",
    "pro": "true",
    "api": "dataviz/sparkline",
    "documentation": {
       "kendo-ui": "getting-started/dataviz/sparkline/overview",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/sparkline/overview",
       "jsp-ui": "getting-started/using-kendo-with/jsp/tags/sparkline/overview",
       "php-ui": "getting-started/using-kendo-with/php/widgets/sparkline/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/sparkline",
       "aspnet-mvc": "aspnet-mvc/sparkline",
       "jsp-ui": "jsp/sparkline",
       "php-ui": "php/sparkline"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/sparkline",
       "aspnet-mvc": "aspnet-mvc/sparkline",
       "jsp-ui": "jsp/sparkline",
       "php-ui": "php/sparkline"
    },
    "spriteCssClass": "sparklineIcon",
    "items": [
      {
        "text": "Basic usage",
        "url": "sparklines/index",
        "title": {
            "kendo-ui": "Sparkline Charts | Kendo UI Sparklines demo"
        },
        "meta": {
            "kendo-ui": "In this interactive demo, we show the basic usage of Kendo UI Sparkline control which enables end users to identify trends, variations in the data."
        }
      },
      {
        "text": "Binding to remote data",
        "url": "sparklines/remote-data-binding",
        "title": {
            "kendo-ui": "Binding to remote data in Kendo UI Sparkline Chart | Kendo UI Sparklines"
        },
        "meta": {
            "kendo-ui": "This Kendo UI Demo shows how to bind to remote data in Kendo UI Sparklines charting control."
        }
      },
      {
        "text": "Binding to local data",
        "url": "sparklines/local-data-binding",
        "title": {
            "kendo-ui": "Local data binding in Kendo UI Sparkline Chart | Kendo UI Sparklines"
        },
        "meta": {
            "kendo-ui": "Learn how to bind local data to Kendo UI jQuery Sparkline charting component. Try it now!"
        }
      },
      {
        "text": "MVVM",
        "url": "sparklines/mvvm",
        "title": {
            "kendo-ui": "MVVM support in Kendo UI Sparkline"
        },
        "meta": {
            "kendo-ui": "Events, source and visible MVVM binding support in Kendo UI Sparkline"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      },
      {
        "text": "AngularJS",
        "new": true,
        "url": "sparklines/angular",
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI Sparkline"
        },
        "meta": {
            "kendo-ui": "AngularJS directives support in Sparkline"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ],
        "requiresServer": "true"
      }

    ],
    "category": "Data Visualization"
  },
  {
    "text": "Chart API",
    "name": "chart-api",
    "pro": "true",
    "api": "dataviz/chart",
    "spriteCssClass": "chartIcon",
    "documentation": {
       "kendo-ui": "getting-started/dataviz/chart/overview",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/chart/overview",
       "jsp-ui": "getting-started/using-kendo-with/jsp/tags/chart/overview",
       "php-ui": "getting-started/using-kendo-with/php/widgets/chart/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/charts",
       "aspnet-mvc": "aspnet-mvc/chart",
       "jsp-ui": "jsp/chart",
       "php-ui": "php/chart"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/charts",
       "aspnet-mvc": "aspnet-mvc/chart",
       "jsp-ui": "jsp/chart",
       "php-ui": "php/chart"
    },
    "items": [
      {
        "text": "Methods",
        "url": "chart-api/index",
        "title": {
            "kendo-ui": "Kendo UI Charts API methods"
        },
        "meta": {
            "kendo-ui": "This demo shows how the API manipulates the methods, applicable to Kendo UI jQuery-based chart components."
        }
      },
      {
        "text": "Events",
        "url": "chart-api/events",
        "title": {
            "kendo-ui": "Events API for Kendo UI HTML5 charting components | Kendo UI DataViz Demos"
        },
        "meta": {
            "kendo-ui": "This sample demonstrates the events which are specific to Kendo UI HTML5 chart components."
        },
        "requiresServer": "true"
      },
      {
        "text": "Selection",
        "url": "chart-api/selection",
        "title": {
            "kendo-ui": "Axis selection in Kendo UI charting components | Kendo UI DataViz demo"
        },
        "meta": {
            "kendo-ui": "Take a look at this example that illustrates how to configure the axis selection in Kendo UI HTML5-powered charting widgets."
        }
      },
      {
        "text": "Benchmark",
        "packages": [
          "!mvc"
        ],
        "url": "chart-api/benchmark"
      }
    ],
    "category": "Data Visualization"
  },
  {
    "text": "Linear Gauge",
    "name": "linear-gauge",
    "pro": "true",
    "spriteCssClass": "gaugeLinearIcon",
    "api": "dataviz/lineargauge",
    "documentation": {
       "kendo-ui": "getting-started/dataviz/lineargauge/overview",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/lineargauge/overview",
       "jsp-ui": "getting-started/using-kendo-with/jsp/tags/lineargauge/overview",
       "php-ui": "getting-started/using-kendo-with/php/widgets/lineargauge/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/gauges",
       "aspnet-mvc": "aspnet-mvc/gauge",
       "jsp-ui": "jsp/gauge",
       "php-ui": "php/gauge"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/gauges",
       "aspnet-mvc": "aspnet-mvc/gauge",
       "jsp-ui": "jsp/gauge",
       "php-ui": "php/gauge"
    },
    "items": [
      {
        "text": "Basic usage",
        "url": "linear-gauge/index",
        "title": {
            "kendo-ui": "Kendo UI jQuery-powered Linear Gauge Example"
        },
        "meta": {
            "kendo-ui": "This example shows how you can easily implement Kendo UI Linear Gauge in your HTML5 web application. Draw end users attention to a certain range of values."
        }
      },
      {
        "text": "Scale options",
        "url": "linear-gauge/scale-options",
        "title": {
            "kendo-ui": "Scale customization example for Kendo UI Linear Gauge"
        },
        "meta": {
            "kendo-ui": "This sample illustrates how you can customize Kendo UI Linear Gauge by changing the location of the gauge scale and its appearance."
        }
      },
      {
        "text": "MVVM",
        "url": "linear-gauge/mvvm",
        "title": {
            "kendo-ui": "MVVM support in Kendo UI Linear Gauge"
        },
        "meta": {
            "kendo-ui": "Value and visible MVVM binding support in Kendo UI Linear Gauge"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      },
      {
        "text": "AngularJS",
        "new": true,
        "url": "linear-gauge/angular",
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI Linear Gauge"
        },
        "meta": {
            "kendo-ui": "AngularJS directives support in Kendo UI Linear Gauge"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      }
    ],
    "category": "Data Visualization"
  },
  {
    "text": "Radial Gauge",
    "name": "radial-gauge",
    "pro": "true",
    "spriteCssClass": "gaugeRadialIcon",
    "api": "dataviz/radialgauge",
    "documentation": {
       "kendo-ui": "getting-started/dataviz/radialgauge/overview",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/radialgauge/overview",
       "jsp-ui": "getting-started/using-kendo-with/jsp/tags/radialgauge/overview",
       "php-ui": "getting-started/using-kendo-with/php/widgets/radialgauge/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/gauges",
       "aspnet-mvc": "aspnet-mvc/gauge",
       "jsp-ui": "jsp/gauge",
       "php-ui": "php/gauge"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/gauges",
       "aspnet-mvc": "aspnet-mvc/gauge",
       "jsp-ui": "jsp/gauge",
       "php-ui": "php/gauge"
    },
    "items": [
      {
        "text": "Basic usage",
        "url": "radial-gauge/index",
        "title": {
            "kendo-ui": "Demo for core features in Kendo UI Radial Gauge widget"
        },
        "meta": {
            "kendo-ui": "This sample demonstrates the core functionality of Kendo UI Radial Gauge which helps you easily visualize an indicator within a range of values."
        }
      },
      {
        "text": "Scale options",
        "url": "radial-gauge/scale-options",
        "title": {
            "kendo-ui": "Kendo UI Radial Gauge scale customization demo"
        },
        "meta": {
            "kendo-ui": "This example shows how you can easily use simple options to configure the gauge, enable/disable scale ranges and gauge labels."
        }
      },
      {
        "text": "MVVM",
        "url": "radial-gauge/mvvm",
        "title": {
            "kendo-ui": "MVVM support in Kendo UI Radial Gauge"
        },
        "meta": {
            "kendo-ui": "Value and visible MVVM binding support in Kendo UI Radial Gauge"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      },
      {
        "text": "AngularJS",
        "new": true,
        "url": "radial-gauge/angular",
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI Radial Gauge"
        },
        "meta": {
            "kendo-ui": "AngularJS directives support in Kendo UI Radial Gauge"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      },
      {
        "text": "Car Dashboard",
        "url": "radial-gauge/car-dashboard",
        "title": {
            "kendo-ui": "Sample car dashboard, built with Kendo UI DataViz components"
        },
        "meta": {
            "kendo-ui": "This sample demonstrates the use of Kendo UI Gauges"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      }
    ],
    "category": "Data Visualization"
  },
  {
    "text": "Barcode",
    "name": "barcode",
    "pro": "true",
    "spriteCssClass": "barcodeIcon",
    "api": "dataviz/barcode",
    "documentation": {
       "kendo-ui": "getting-started/dataviz/barcode/overview",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/barcode/overview",
       "jsp-ui": "getting-started/using-kendo-with/jsp/tags/barcode/overview",
       "php-ui": "getting-started/using-kendo-with/php/widgets/barcode/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/barcode",
       "aspnet-mvc": "aspnet-mvc/barcode",
       "jsp-ui": "jsp/barcode",
       "php-ui": "php/barcode"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/barcode",
       "aspnet-mvc": "aspnet-mvc/barcode",
       "jsp-ui": "jsp/barcode",
       "php-ui": "php/barcode"
    },
    "items": [
      {
        "text": "Basic usage",
        "url": "barcode/index",
        "title": {
            "kendo-ui": "Kendo UI Barcode Demo"
        },
        "meta": {
            "kendo-ui": "This sample demonstrates the core functionality of Kendo UI Barcode which helps you easily encode data in machine readable format."
        }
      },
      {
        "text": "API",
        "url": "barcode/api",
        "title": {
            "kendo-ui": "Kendo UI Barcode API Demo"
        },
        "meta": {
            "kendo-ui": "This sample demonstrates the different symbologies the Barcode support and the different options that could be set"
        },
        "packages": [
          "!offline"
        ]
      },
      {
        "text": "MVVM",
        "url": "barcode/mvvm",
        "title": {
            "kendo-ui": "MVVM support in Kendo UI Barcode"
        },
        "meta": {
            "kendo-ui": "Value MVVM binding support in Kendo UI Barcode"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      },
      {
        "text": "AngularJS",
        "new": true,
        "url": "barcode/angular",
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI Barcode"
        },
        "meta": {
            "kendo-ui": "AngularJS directive support in Kendo UI Barcode"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      }
    ],
    "category": "Data Visualization"
  },
  {
    "text": "QR code",
    "name": "qrcode",
    "pro": "true",
    "spriteCssClass": "qrcodeIcon",
    "api": "dataviz/qrcode",
    "documentation": {
       "kendo-ui": "getting-started/dataviz/qrcode/overview",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/rqcode/overview",
       "jsp-ui": "getting-started/using-kendo-with/jsp/tags/qrcode/overview",
       "php-ui": "getting-started/using-kendo-with/php/widgets/qrcode/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/qrcode",
       "aspnet-mvc": "aspnet-mvc/qrcode",
       "jsp-ui": "jsp/qrcode",
       "php-ui": "php/qrcode"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/qrcode",
       "aspnet-mvc": "aspnet-mvc/qrcode",
       "jsp-ui": "jsp/qrcode",
       "php-ui": "php/qrcode"
    },
    "items": [
      {
        "text": "Basic usage",
        "url": "qrcode/index",
        "title": {
            "kendo-ui": "Kendo UI QRCode Demo"
        },
        "meta": {
            "kendo-ui": "This sample demonstrates the core functionality of Kendo UI QRCode which helps you easily encode large amounts of data in a machine readable format."
        }
      },
      {
        "text": "API",
        "url": "qrcode/api",
        "title": {
            "kendo-ui": "Kendo UI QRCode API demo"
        },
        "meta": {
            "kendo-ui": "This demo shows how Kendo UI QRCode Widget API works and what kind of functions it supports."
        },
        "packages": [
          "!offline"
        ]
      },
      {
        "text": "MVVM",
        "url": "qrcode/mvvm",
        "title": {
            "kendo-ui": "MVVM support in Kendo UI QR code"
        },
        "meta": {
            "kendo-ui": "Value MVVM binding support in Kendo UI QR code"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      },
      {
        "text": "AngularJS",
        "new": true,
        "url": "qrcode/angular",
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI QR code"
        },
        "meta": {
            "kendo-ui": "AngularJS directive support in Kendo UI QR code"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      }
    ],
    "category": "Data Visualization"
  },
  {
    "text": "Stock Chart",
    "name": "financial",
    "pro": "true",
    "api": "dataviz/stock-chart",
    "documentation": {
       "kendo-ui": "getting-started/dataviz/stockchart/overview",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/stockchart/overview",
       "jsp-ui": "getting-started/using-kendo-with/jsp/tags/stockchart/overview",
       "php-ui": "getting-started/using-kendo-with/php/widgets/stockchart/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/charts",
       "aspnet-mvc": "aspnet-mvc/chart",
       "jsp-ui": "jsp/chart",
       "php-ui": "php/chart"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/charts",
       "aspnet-mvc": "aspnet-mvc/chart",
       "jsp-ui": "jsp/chart",
       "php-ui": "php/chart"
    },
    "spriteCssClass": "chartStockIcon",
    "items": [
      {
        "text": "Basic usage",
        "url": "financial/index",
        "title": {
            "kendo-ui": "Example of Kendo UI charts for stock analysis apps"
        },
        "meta": {
            "kendo-ui": "With this demo for a stock chart, built with Kendo UI, you will be able to find out how Kendo UI chart widgets can be implemented in a financial app."
        },
        "requiresServer": "true"
      },
      {
        "text": "Multiple panes",
        "url": "financial/panes",
        "title": {
            "kendo-ui": "Multiple panes in Kendo UI stock chart"
        },
        "meta": {
            "kendo-ui": "This demo illustrates the use of multiple graph panes in Kendo UI Stock chart."
        },
        "requiresServer": "true"
      },
      {
        "text": "Virtualization",
        "url": "financial/virtualization",
        "title": {
            "kendo-ui": "Virtualization in Kendo UI Stock Chart"
        },
        "meta": {
            "kendo-ui": "In this example we show you how the virtualization works in Kendo UI Stock Chart for rich data visualization."
        }
      },
      {
        "text": "Stock History",
        "url": "financial/stock-history",
        "title": {
            "kendo-ui": "Kendo UI Chart controls application sample | Stock History"
        },
        "meta": {
            "kendo-ui": "The Stock History Dashboard demonstrates how the charting components in Kendo UI DataViz HTML5 framework are used to build a complex finance application."
        },
        "packages": [
            "!mvc",
            "!jsp",
            "!php"
        ]
      }
    ],
    "category": "Data Visualization"
  },
  {
    "text": "TreeMap",
    "pro": "true",
    "new": "true",
    "spriteCssClass": "treemapIcon",
    "api": "dataviz/treemap",
    "documentation": {
       "kendo-ui": "getting-started/dataviz/treemap/overview",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/treemap/overview",
       "jsp-ui": "getting-started/using-kendo-with/jsp/tags/treemap/overview",
       "php-ui": "getting-started/using-kendo-with/php/widgets/treemap/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/treemap",
       "aspnet-mvc": "aspnet-mvc/treemap",
       "jsp-ui": "jsp/treemap",
       "php-ui": "php/treemap"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/treemap",
       "aspnet-mvc": "aspnet-mvc/treemap",
       "jsp-ui": "jsp/treemap",
       "php-ui": "php/treemap"
    },
    "items": [
      {
        "text": "Basic usage",
        "url": "treemap/index",
        "title": {
            "kendo-ui": "Kendo UI TreeMap Demo"
        },
        "meta": {
            "kendo-ui": ""
        }
      },{
        "text": "Events",
        "url": "treemap/events",
        "title": {
			"kendo-ui": "Events in Kendo UI TreeMap"
        },
        "meta": {
            "kendo-ui": ""
        }
      },{
        "text": "MVVM",
        "url": "treemap/mvvm",
        "title": {
            "kendo-ui": "MVVM support in Kendo UI TreeMap"
        },
        "meta": {
            "kendo-ui": ""
        },
        "packages": [
            "!mvc",
            "!jsp",
            "!php"
        ]
      },{
        "text": "AngularJS",
        "url": "treemap/angular",
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI TreeMap"
        },
        "meta": {
            "kendo-ui": "AngularJS directive support for Kendo UI TreeMap"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      }
    ],
    "name": "treemap",
    "category": "Data Visualization"
  },
  {
    "text": "Map",
    "name": "map",
    "pro": "true",
    "api": "dataviz/map",
    "documentation": {
       "kendo-ui": "getting-started/dataviz/map/overview",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/map/overview",
       "jsp-ui": "getting-started/using-kendo-with/jsp/tags/map/overview",
       "php-ui": "getting-started/using-kendo-with/php/widgets/map/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/map",
       "aspnet-mvc": "aspnet-mvc/map",
       "jsp-ui": "jsp/map",
       "php-ui": "php/map"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/map",
       "aspnet-mvc": "aspnet-mvc/map",
       "jsp-ui": "jsp/map",
       "php-ui": "php/map"
    },
    "spriteCssClass": "mapIcon",
    "items": [
      {
        "text": "Basic usage",
        "url": "map/index",
        "title": {
            "kendo-ui": "Example of Kendo UI Map with a simple tile layer"
        },
        "meta": {
            "kendo-ui": "With this demo built with Kendo UI, you will be able to find out how Kendo UI Map widget can be implemented for tile maps."
        }
      },
      {
        "text": "Bing tile layer",
        "url": "map/bing"
      },
      {
        "text": "Bubble layer",
        "url": "map/bubble-layer",
        "title": {
            "kendo-ui": "Displaying Bubble Kendo UI map layer"
        },
        "meta": {
            "kendo-ui": "This demo illustrates how to bind a Kendo UI bubble map layer to remote data."
        },
        "new": true,
        "requiresServer": "true"
      },
      {
        "text": "Binding to GeoJSON",
        "url": "map/geojson",
        "title": {
            "kendo-ui": "Displaying GeoJSON shapes Kendo UI map layer"
        },
        "meta": {
            "kendo-ui": "This demo illustrates how to bind a Kendo UI map layer to GeoJSON shapes."
        },
        "requiresServer": "true"
      },
      {
        "text": "Binding markers to remote data",
        "url": "map/remote-markers",
        "title": {
            "kendo-ui": "Load map markers in a Kendo UI map layer"
        },
        "meta": {
            "kendo-ui": "This demo illustrates how to bind a Kendo UI marker layer."
        },
        "requiresServer": "true"
      },
      {
        "text": "Events",
        "url": "map/events",
        "title": {
            "kendo-ui": "Events API for Kendo UI Map component"
        },
        "meta": {
            "kendo-ui": "This sample demonstrates the events which are specific to Kendo UI Map component."
        },
        "requiresServer": "true"
      },
      {
        "text": "API",
        "url": "map/api",
        "title": {
            "kendo-ui": "API for Kendo UI Map component"
        },
        "meta": {
            "kendo-ui": "This sample demonstrates the public methods which are specific to Kendo UI Map component."
        },
        "requiresServer": "true"
      }
    ],
    "category": "Geo Visualization"
  },
  {
    "text": "Diagram",
    "name": "diagram",
    "pro": "true",
    "api": "dataviz/diagram",
    "documentation": {
       "kendo-ui": "getting-started/dataviz/diagram/overview",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/diagram/overview",
       "jsp-ui": "getting-started/using-kendo-with/jsp/tags/diagram/overview",
       "php-ui": "getting-started/using-kendo-with/php/widgets/diagram/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/diagram",
       "aspnet-mvc": "aspnet-mvc/diagram",
       "jsp-ui": "jsp/diagram",
       "php-ui": "php/diagram"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/diagram",
       "aspnet-mvc": "aspnet-mvc/diagram",
       "jsp-ui": "jsp/diagram",
       "php-ui": "php/diagram"
    },
    "spriteCssClass": "diagramIcon",
    "items": [
      {
        "text": "Basic usage",
        "url": "diagram/index",
        "disableInMobile": true,
        "title": {
            "kendo-ui": "Example of Kendo UI Diagram with a simple layout"
        },
        "meta": {
            "kendo-ui": "With this demo built with Kendo UI, you will be able to find out how Kendo UI Diagram widget can be implemented for hierarchical diagrams."
        }
      },
      {
        "text": "Built-in Layouts",
        "url": "diagram/layout",
        "title": {
            "kendo-ui": "Example of Kendo UI Diagram with different layouts"
        },
        "meta": {
            "kendo-ui": "This sample demonstrates the built-in layouts which are specific to Kendo UI Diagram component."
        }
      },
	  {
        "text": "Events",
        "url": "diagram/events",
        "title": {
            "kendo-ui": "Example of using events in Kendo UI Diagram control"
        },
        "meta": {
            "kendo-ui": "This example demonstrates different events which are available in Kendo UI Diagram widget."
        }
      },
	  {
        "text": "API",
        "url": "diagram/api",
        "title": {
            "kendo-ui": "Example of Kendo UI Diagram API"
        },
        "meta": {
            "kendo-ui": "The API Functions of Kendo UI Diagram widget give you the option to add/remove shapes and connections, set the current pan and zoom, select elements."
        }
      },
      {
        "text": "MVVM",
        "url": "diagram/mvvm",
        "title": {
            "kendo-ui": "MVVM support in Kendo UI Diagram"
        },
        "meta": {
            "kendo-ui": "Source, events and visible MVVM binding support in Kendo UI Diagram"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      },
      {
        "text": "AngularJS",
        "new": true,
        "disableInMobile": true,
        "url": "diagram/angular",
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI Diagram"
        },
        "meta": {
            "kendo-ui": "AngularJS directive support for Kendo UI Diagram"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      }
    ],
    "category": "Diagramming"

  },
  {
    "text": "ActionSheet",
    "name": "actionsheet",
    "api": "mobile/actionsheet",
    "documentation": {
       "kendo-ui": "getting-started/mobile/actionsheet",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/mobileapplication/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/action-sheet",
       "aspnet-mvc": "aspnet-mvc/actionsheet"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/actionsheet",
       "aspnet-mvc": "aspnet-mvc/actionsheet"
    },
    "spriteCssClass": "mobileActionSheetIcon",
    "mobile": true,
    "packages": [ "!jsp", "!php" ],
    "items": [
      {
        "text": "Basic usage",
        "url": "actionsheet/index",
        "title": {
            "kendo-ui": "Kendo UI Mobile ActionSheet Demo"
        },
        "meta": {
            "kendo-ui": "This demo shows how Mobile ActionSheet component in Kendo UI Mobile framework works in your app in order to provide iOS-like experience."
        }
      },
      {
        "text": "Adaptive Usage",
        "disableInMobile": true,
        "url": "actionsheet/adaptive",
        "title": {
            "kendo-ui": "Mobile ActionSheet widget demo | Kendo UI Demos"
        },
        "meta": {
            "kendo-ui": "This example demonstrates how the Mobile Actionsheet may be used outside of a Kendo UI Mobile Application alongside Kendo UI Web Widgets"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      },
      {
        "text": "AngularJS",
        "new": true,
        "disableInMobile": true,
        "url": "actionsheet/angular",
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI Mobile Actionsheet"
        },
        "meta": {
            "kendo-ui": "AngularJS directive support for Kendo UI Mobile Actionsheet"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      }
    ],
    "category": "Mobile"
  },
  {
    "text": "Mobile Button",
    "name": "mobile-button",
    "api": "mobile/button",
    "documentation": {
       "kendo-ui": "getting-started/mobile/button",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/mobilebutton/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/mobile-button",
       "aspnet-mvc": "aspnet-mvc/button"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/mobile-button",
       "aspnet-mvc": "aspnet-mvc/mobile-button"
    },
    "spriteCssClass": "mobileButtonIcon",
    "mobile": true,
    "packages": [ "!jsp", "!php" ],
    "items": [
      {
        "text": "Basic usage",
        "url": "mobile-button/index",
        "title": {
            "kendo-ui": "jQuery-based Kendo UI Mobile Button demo"
        },
        "meta": {
            "kendo-ui": "This example shows the core functionality of the flexible Kendo UI jQuery-based mobile button which would perfectly blend into any app and on any mobile device."
        }
      },
      {
        "text": "Badges",
        "url": "mobile-button/badges",
        "title": {
            "kendo-ui": "jQuery-based Kendo UI Mobile Button Badges demo"
        },
        "meta": {
            "kendo-ui": "This example shows how Kendo UI jQuery-based mobile button supports Badges."
        }
      },
      {
        "text": "Events",
        "url": "mobile-button/events",
        "title": {
            "kendo-ui": "Events in Kendo UI mobile button"
        },
        "meta": {
            "kendo-ui": "This sample demonstrates which events can be triggered in Kendo UI Mobile Button. The component has events enabled for your ease of use and flexibility."
        }
      },
      {
        "text": "Customizing appearance",
        "url": "mobile-button/appearance",
        "title": {
            "kendo-ui": "Customizing the appearance of Kendo UI mobile button"
        },
        "meta": {
            "kendo-ui": "This demo shows how you can easily customize the appearance and styling of Kendo UI Mobile Button to deliver rich experience for end users of the mobile app."
        }
      },
      {
        "text": "MVVM",
        "url": "mobile-button/mvvm",
        "title": {
            "kendo-ui": "MVVM support in Kendo UI Mobile Button"
        },
        "meta": {
            "kendo-ui": "Enabled, events and visible MVVM binding support in Kendo UI Mobile Button"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      },
      {
        "text": "Adaptive Usage",
        "disableInMobile": true,
        "url": "button/adaptive",
        "title": {
            "kendo-ui": "Mobile Button widget demo | Kendo UI Demos"
        },
        "meta": {
            "kendo-ui": "This example demonstrates how the Mobile Button may be used outside of a Kendo UI Mobile Application alongside Kendo UI Web Widgets"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      },
      {
        "text": "AngularJS",
        "disableInMobile": true,
        "url": "mobile-button/angular",
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI Mobile Button"
        },
        "meta": {
            "kendo-ui": "AngularJS directive support for Kendo UI Mobile Button"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      }
    ],
    "category": "Mobile"

  },
  {
    "text": "ButtonGroup",
    "name": "buttongroup",
    "api": "mobile/buttongroup",
    "documentation": {
       "kendo-ui": "getting-started/mobile/buttongroup",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/mobilebuttongroup/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/button-group",
       "aspnet-mvc": "aspnet-mvc/buttongroup"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/buttongroup",
       "aspnet-mvc": "aspnet-mvc/buttongroup"
    },
    "spriteCssClass": "mobileButtonGroupIcon",
    "mobile": true,
    "packages": [ "!jsp", "!php" ],
    "items": [
      {
        "text": "Basic usage",
        "url": "buttongroup/index",
        "title": {
            "kendo-ui": "Example of Kendo UI Mobile Button Group"
        },
        "meta": {
            "kendo-ui": "This demo shows the core functionality of Kendo UI Mobile Button Group. When the horizontal group button is active, its corresponding items are visualized on the screen."
        }
      },
      {
        "text": "NavBar usage",
        "url": "buttongroup/navbar",
        "title": {
            "kendo-ui": "Example of Kendo UI Mobile Button Group in a NavBar"
        },
        "meta": {
            "kendo-ui": "This demo shows the core functionality of Kendo UI Mobile Button Group when placed in a NavBar."
        }
      },
      {
        "text": "Badges",
        "url": "buttongroup/badges",
        "title": {
            "kendo-ui": "Example of Kendo UI Mobile Button Group used with badges"
        },
        "meta": {
            "kendo-ui": "This demo shows the core functionality of Kendo UI Mobile Button Group when used with badges."
        }
      },
      {
        "text": "Events",
        "url": "buttongroup/events",
        "title": {
            "kendo-ui": "Events in Kendo UI Mobile Button Group | Kendo ButtonGroup Demo"
        },
        "meta": {
            "kendo-ui": "This demo shows the events which can be bound to Kendo UI ButtonGroup widget."
        }
      },
      {
        "text": "Customizing appearance",
        "url": "buttongroup/appearance",
        "title": {
            "kendo-ui": "Kendo UI Mobile Button Group Theming"
        },
        "meta": {
            "kendo-ui": "This demo shows how you can customize the appearance of Kendo UI ButtonGroup mobile widget. You have full control over the style of the buttons group."
        }
      },
      {
        "text": "MVVM",
        "url": "buttongroup/mvvm",
        "title": {
            "kendo-ui": "MVVM support in Kendo UI Mobile ButtonGroup"
        },
        "meta": {
            "kendo-ui": "Events and visible MVVM binding support in Kendo UI Mobile ButtonGroup"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      },
      {
        "text": "Adaptive Usage",
        "disableInMobile": true,
        "url": "buttongroup/adaptive",
        "title": {
            "kendo-ui": "Mobile ButtonGroup widget demo | Kendo UI Demos"
        },
        "meta": {
            "kendo-ui": "This example demonstrates how the Mobile ButtonGroup may be used outside of a Kendo UI Mobile Application alongside Kendo UI Web Widgets"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      },
      {
        "text": "AngularJS",
        "new": true,
        "disableInMobile": true,
        "url": "buttongroup/angular",
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI Mobile ButtonGroup"
        },
        "meta": {
            "kendo-ui": "AngularJS directive support for Kendo UI Mobile ButtonGroup"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      }
    ],
    "category": "Mobile"
  },
  {
    "text": "Drawer",
    "name": "drawer",
    "api": "mobile/drawer",
    "documentation": {
       "kendo-ui": "getting-started/mobile/drawer",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/mobiledrawer/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/drawer",
       "aspnet-mvc": "aspnet-mvc/drawer"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/drawer",
       "aspnet-mvc": "aspnet-mvc/drawer"
    },
    "spriteCssClass": "mobileDrawerIcon",
    "mobile": true,
    "packages": [ "!jsp", "!php" ],
    "items": [
      {
        "text": "Basic usage",
        "url": "drawer/index",
        "title": {
            "kendo-ui": "Example of Kendo UI Mobile Drawer"
        },
        "meta": {
            "kendo-ui": "This demo shows the core functionality of Kendo UI Mobile Drawer. When the user swipes the screen to the right or taps the top button, the drawer widget is revealed"
        }
      },
      {
        "text": "Two way drawers",
        "url": "drawer/two-way-drawers",
        "title": {
            "kendo-ui": "Example of left and right drawers"
        },
        "meta": {
            "kendo-ui": "This demo shows the two drawers (left and right) applied to the same application."
        }
      },
      {
        "text": "Adaptive Usage",
        "disableInMobile": true,
        "url": "drawer/adaptive",
        "title": {
            "kendo-ui": "Mobile Drawer widget demo | Kendo UI Demos"
        },
        "meta": {
            "kendo-ui": "This example demonstrates how the Mobile Drawer may be used outside of a Kendo UI Mobile Application alongside Kendo UI Web Widgets"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      },
      {
        "text": "AngularJS",
        "new": true,
        "disableInMobile": true,
        "url": "drawer/angular",
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI Mobile Drawer"
        },
        "meta": {
            "kendo-ui": "AngularJS directive support for Kendo UI Mobile Drawer"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      }
    ],
    "category": "Mobile"
  },
  {
    "text": "ListView",
    "name": "mobile-listview",
    "api": "mobile/listview",
    "documentation": {
       "kendo-ui": "getting-started/mobile/listview",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/mobilelistview/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/mobile-listview",
       "aspnet-mvc": "aspnet-mvc/listview-mobile"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/mobile-listview",
       "aspnet-mvc": "aspnet-mvc/mobile-listview"
    },
    "spriteCssClass": "mobileListViewIcon",
    "mobile": true,
    "packages": [ "!jsp", "!php" ],
    "items": [
      {
        "text": "Basic usage",
        "url": "mobile-listview/index",
        "title": {
            "kendo-ui": "Features of Kendo UI Mobile ListView widget"
        },
        "meta": {
            "kendo-ui": "This demo illustrates the core functionality of Kendo UI jQuery List widget. It allows you to display flat or grouped list of items in your mobile application."
        }
      },
      {
        "text": "Detail Buttons",
        "url": "mobile-listview/detailbuttons",
        "title": {
            "kendo-ui": "Detail buttons, nested in Kendo UI Mobile ListView example"
        },
        "meta": {
            "kendo-ui": "This demo illustrates how nested DetailButton widgets can be integrated in Kendo UI Mobile ListView control in order to enable your users to execute more than one action on a given row."
        }
      },
      {
        "text": "Data binding",
        "url": "mobile-listview/databinding",
        "title": {
            "kendo-ui": "Data Binding Demo for Kendo UI Mobile List View"
        },
        "meta": {
            "kendo-ui": "This example shows how Kendo UI Mobile ListView can be bound to remote data and local JS arrays by using Kendo UI DataSource component."
        }
      },
      {
        "text": "Hierarchical data binding",
        "url": "mobile-listview/hierarchical-databinding",
        "title": {
            "kendo-ui": "Hierarchical Data Binding Demo for Kendo UI Mobile List View"
        },
        "meta": {
            "kendo-ui": "This example shows how Kendo UI Mobile ListView can be bound to hierarchical remote data using Kendo UI Hierarchical DataSource component."
        }
      },
      {
        "text": "Pull to refresh",
        "url": "mobile-listview/pull-to-refresh",
        "title": {
            "kendo-ui": "Kendo UI Mobile ListView Refresh Function Demo"
        },
        "meta": {
            "kendo-ui": "This demo shows how the refresh function in Kendo UI Mobile ListView actually works. Once the new elements are appended to the list, you simply invoke the function \"pull to refresh\"."
        }
      },
      {
        "text": "Endless scrolling",
        "url": "mobile-listview/endless-scrolling",
        "title": {
            "kendo-ui": "Infinite scrolling demo for Kendo UI Mobile ListView"
        },
        "meta": {
            "kendo-ui": "This example shows the endless scrolling functionality which Kendo UI Mobile ListView supports. It illustrates how more list items are automatically loaded and displayed on the screen."
        }
      },
      {
        "text": "Pull to refresh + Endless scrolling",
        "url": "mobile-listview/pull-with-endless",
        "title": {
            "kendo-ui": "Pull to refresh and endless scrolling demo | Kendo UI Mobile ListView widget"
        },
        "meta": {
            "kendo-ui": "This example shows how the pull to refresh function of Kendo UI Mobile ListView works out of the box with the endless scrolling feature."
        }
      },
      {
        "text": "Press to load more",
        "url": "mobile-listview/press-to-load-more",
        "title": {
            "kendo-ui": "Demo for Load More option in Kendo UI Mobile ListView"
        },
        "meta": {
            "kendo-ui": "This example demonstrates how the load more option in Kendo UI ListView can be implemented for applications in which the user needs to pull much data."
        }
      },
      {
        "text": "Fixed Headers",
        "url": "mobile-listview/fixedheaders",
        "title": {
            "kendo-ui": "Fixed header option demo | Kendo UI Mobile ListView"
        },
        "meta": {
            "kendo-ui": "This demo shows how you can get a fixed header in Kendo UI Mobile ListView. It allows the native scrolling, but the header is always positioned on top."
        }
      },
      {
        "text": "Custom templates",
        "url": "mobile-listview/templates",
        "title": {
            "kendo-ui": "Custom templates for group items | Kendo UI Mobile List View"
        },
        "meta": {
            "kendo-ui": "This demo shows how custom templates can be applied to Kendo UI ListView widget to override the appearance of the group items."
        }
      },
      {
        "text": "Editing",
        "url": "mobile-listview/editing",
        "title": {
            "kendo-ui": "Editing operations in Kendo UI Mobile ListView | Kendo UI ListView demo"
        },
        "meta": {
            "kendo-ui": "In this example you will learn how you can easily use editing operations in Kendo UI Mobile ListView."
        }
      },
      {
        "text": "Filtering",
        "url": "mobile-listview/filtering",
        "title": {
            "kendo-ui": "Filtering in Kendo UI Mobile ListView | Kendo UI ListView demo"
        },
        "meta": {
            "kendo-ui": "Play with Kendo UI Mobile ListView demo to see the filtering capability in action. Keyword-based filtering is perfomed against the content in each list item. "
        }
      },
      {
        "text": "Local data virtualization",
        "url": "mobile-listview/local-virtualization",
        "title": {
            "kendo-ui": "Local data virtualization in Kendo UI Mobile ListView | Kendo UI ListView demo"
        },
        "meta": {
            "kendo-ui": "Play with Kendo UI Mobile ListView demo to see the local data virtualization filtering capability in action. "
        }
      },
      {
        "text": "MVVM",
        "url": "mobile-listview/mvvm",
        "title": {
            "kendo-ui": "MVVM support in Kendo UI Mobile ListView"
        },
        "meta": {
            "kendo-ui": "Source, events and visible MVVM binding support in Kendo UI Mobile ListView"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      },
      {
        "text": "Responsive images",
        "new": true,
        "url": "mobile-listview/responsive-images",
        "title": {
            "kendo-ui": "Mobile ListView widget demo | Kendo UI Demos"
        },
        "meta": {
            "kendo-ui": "This example demonstrates how the Mobile ListView is used alongside the responsive images feature of Telerik Backend Services"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      },
      {
        "text": "Adaptive Usage",
        "disableInMobile": true,
        "url": "listview/adaptive",
        "title": {
            "kendo-ui": "Mobile ListView widget demo | Kendo UI Demos"
        },
        "meta": {
            "kendo-ui": "This example demonstrates how the Mobile ListView may be used outside of a Kendo UI Mobile Application alongside Kendo UI Web Widgets"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      },
      {
        "text": "AngularJS",
        "new": true,
        "disableInMobile": true,
        "url": "mobile-listview/angular",
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI Mobile ListView"
        },
        "meta": {
            "kendo-ui": "AngularJS directive support for Kendo UI Mobile ListView"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      }
    ],
    "category": "Mobile"
  },
  {
    "text": "ModalView",
    "name": "modalview",
    "packages": [ "!jsp", "!php" ],
    "api": "mobile/modalview",
    "documentation": {
       "kendo-ui": "getting-started/mobile/modalview",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/mobilemodalview/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/modal-view",
       "aspnet-mvc": "aspnet-mvc/modalview"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/modalview",
       "aspnet-mvc": "aspnet-mvc/modalview"
    },
    "spriteCssClass": "mobileModalViewIcon",
    "mobile": true,
    "items": [
      {
        "text": "Basic usage",
        "url": "modalview/index",
        "title": {
            "kendo-ui": "Kendo UI Mobile ModalView Demo"
        },
        "meta": {
            "kendo-ui": "The demo shows how Kendo UI ModalView widget can be opened when any other mobile navigational widget is tapped."
        }
      },
      {
        "text": "Adaptive Usage",
        "disableInMobile": true,
        "url": "modalview/adaptive",
        "title": {
            "kendo-ui": "Mobile ModalView widget demo | Kendo UI Demos"
        },
        "meta": {
            "kendo-ui": "This example demonstrates how the Mobile ModalView may be used outside of a Kendo UI Mobile Application alongside Kendo UI Web Widgets"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      },
      {
        "text": "AngularJS",
        "new": true,
        "disableInMobile": true,
        "url": "modalview/angular",
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI Mobile ModalView"
        },
        "meta": {
            "kendo-ui": "AngularJS directive support for Kendo UI Mobile ModalView"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      }
    ],
    "category": "Mobile"
  },
  {
    "text": "NavBar",
    "name": "navbar",
    "api": "mobile/navbar",
    "documentation": {
       "kendo-ui": "getting-started/mobile/navbar",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/mobilelanavbar/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/navbar",
       "aspnet-mvc": "aspnet-mvc/navbar"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/navbar",
       "aspnet-mvc": "aspnet-mvc/navbar"
    },
    "spriteCssClass": "mobileNavBarIcon",
    "mobile": true,
    "packages": [ "!jsp", "!php" ],
    "items": [
      {
        "text": "Basic usage",
        "url": "navbar/index",
        "title": {
            "kendo-ui": "Example of Kendo UI Mobile NavBar widget"
        },
        "meta": {
            "kendo-ui": "This demo illustrates the core functionality of Kendo UI Mobile NavBar component which provides buttons, displayed in the navigation bar of a mobile application."
        }
      },
      {
        "text": "Customizing appearance",
        "url": "navbar/appearance",
        "title": {
            "kendo-ui": "Example of customizing Kendo UI Mobile NavBar appearance"
        },
        "meta": {
            "kendo-ui": "This demo shows how the background color of jQuery-based Kendo UI Mobile NavBar can be customized by setting the CSS properties of the background color."
        }
      },
      {
        "text": "ToolBar as ActionBar",
        "url": "navbar/adaptive-toolbar",
        "new": true,
        "title": {
            "kendo-ui": "Example of using the ToolBar web widget as an ActionBar"
        },
        "meta": {
            "kendo-ui": "This demo shows how the ToolBar web widget when used in a mobile app transforms in an ActionBar widget (Android inspired scenario)."
        }
      },
      {
        "text": "Adaptive Usage",
        "disableInMobile": true,
        "url": "navbar/adaptive",
        "title": {
            "kendo-ui": "Mobile NavBar widget demo | Kendo UI Demos"
        },
        "meta": {
            "kendo-ui": "This example demonstrates how the Mobile Navbar may be used outside of a Kendo UI Mobile Application alongside Kendo UI Web Widgets"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      },
      {
        "text": "AngularJS",
        "new": true,
        "disableInMobile": true,
        "url": "navbar/angular",
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI Mobile NavBar"
        },
        "meta": {
            "kendo-ui": "AngularJS directive support for Kendo UI Mobile NavBar"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      }
    ],
    "category": "Mobile"
  },
  {
    "text": "PopOver",
    "name": "popover",
    "tablet": true,
    "api": "mobile/popover",
    "documentation": {
       "kendo-ui": "getting-started/mobile/popover",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/mobilepopover/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/pop-over",
       "aspnet-mvc": "aspnet-mvc/popover"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/popover",
       "aspnet-mvc": "aspnet-mvc/popover"
    },
    "spriteCssClass": "mobilePopOverIcon",
    "mobile": true,
    "packages": [ "!jsp", "!php" ],
    "items": [
      {
        "text": "Basic usage",
        "url": "popover/index",
        "title": {
            "kendo-ui": "Kendo UI Mobile Layout demo | Kendo UI PopOver widget demo"
        },
        "meta": {
            "kendo-ui": "This demo shows the core function of Kendo UI Popover which is a transient view, displayed when the user taps on a navigational jQuery-based mobile widget or area on the screen."
        }
      },
      {
        "text": "Adaptive Usage",
        "disableInMobile": true,
        "url": "popover/adaptive",
        "title": {
            "kendo-ui": "Mobile PopOver widget demo | Kendo UI Demos"
        },
        "meta": {
            "kendo-ui": "This example demonstrates how the Mobile PopOver may be used outside of a Kendo UI Mobile Application alongside Kendo UI Web Widgets"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      },
      {
        "text": "AngularJS",
        "new": true,
        "disableInMobile": true,
        "url": "popover/angular",
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI Mobile PopOver"
        },
        "meta": {
            "kendo-ui": "AngularJS directive support for Kendo UI Mobile PopOver"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      }
    ],
    "category": "Mobile"
  },
  {
    "text": "Scroller",
    "name": "scroller",
    "api": "mobile/scroller",
    "documentation": {
       "kendo-ui": "getting-started/mobile/scroller",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/mobilescroller/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/scroller",
       "aspnet-mvc": "aspnet-mvc/scroller"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/scroller",
       "aspnet-mvc": "aspnet-mvc/scroller"
    },
    "spriteCssClass": "mobileScrollerIcon",
    "mobile": true,
    "packages": [ "!jsp", "!php" ],
    "items": [
      {
        "text": "Basic usage",
        "url": "scroller/index",
        "title": {
            "kendo-ui": "Content scrolling example | Kendo UI Mobile Scroller Demo"
        },
        "meta": {
            "kendo-ui": "This demo shows how Kendo UI Mobile Scroller widget enables the touch-friendly kinetic content scrolling."
        }
      },
      {
        "text": "Pull to refresh",
        "url": "scroller/pull-to-refresh",
        "title": {
            "kendo-ui": "Pull to Refresh function | Kendo UI Mobile Content Scrolling widget demo"
        },
        "meta": {
            "kendo-ui": "This example shows the option \"Pull to Refresh\" in Kendo UI Scroller. If the value is true, then the scroller will display a hint when user pulls the container beyond the top limit."
        }
      },
      {
        "text": "Adaptive Usage",
        "disableInMobile": true,
        "url": "scroller/adaptive",
        "title": {
            "kendo-ui": "Mobile Scroller widget demo | Kendo UI Demos"
        },
        "meta": {
            "kendo-ui": "This example demonstrates how the Mobile Scroller may be used outside of a Kendo UI Mobile Application alongside Kendo UI Web Widgets"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      },
      {
        "text": "AngularJS",
        "new": true,
        "disableInMobile": true,
        "url": "scroller/angular",
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI Mobile Scroller"
        },
        "meta": {
            "kendo-ui": "AngularJS directive support for Kendo UI Mobile Scroller"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      }
    ],
    "category": "Mobile"
  },
  {
    "text": "ScrollView",
    "name": "scrollview",
    "api": "mobile/scrollview",
    "documentation": {
       "kendo-ui": "getting-started/mobile/scrollview",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/mobilescrollview/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/scrollview",
       "aspnet-mvc": "aspnet-mvc/scrollview"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/scrollview",
       "aspnet-mvc": "aspnet-mvc/scrollview"
    },
    "spriteCssClass": "mobileScrollViewIcon",
    "mobile": true,
    "packages": [ "!jsp", "!php" ],
    "items": [
      {
        "text": "Basic usage",
        "url": "scrollview/index",
        "title": {
            "kendo-ui": "Kendo UI Mobile ScrollView Example"
        },
        "meta": {
            "kendo-ui": "This demo illustrates the intuitive scrolling on a touch device by using Kendo UI ScrollView widget in your HTML5 app."
        }
      },
      {
        "text": "Data binding",
        "url": "scrollview/databinding",
        "title": {
            "kendo-ui": "Kendo UI Mobile ScrollView DataBinding Example"
        },
        "packages": [
          "!mvc"
        ],
        "meta": {
            "kendo-ui": "This demo illustrates the data virtualization on a touch device by using Kendo UI ScrollView widget in your HTML5 app."
        }
      },
      {
        "text": "Custom template",
        "url": "scrollview/custom-template",
        "title": {
            "kendo-ui": "Kendo UI Mobile ScrollView Template Customization Example"
        },
        "packages": [
          "!mvc"
        ],
        "meta": {
            "kendo-ui": "This demo illustrates the data virtualization on a touch device by using Kendo UI ScrollView widget in your HTML5 app."
        }
      },
      {
        "text": "Adaptive Usage",
        "disableInMobile": true,
        "url": "scrollview/adaptive",
        "title": {
            "kendo-ui": "Mobile ScrollView widget demo | Kendo UI Demos"
        },
        "meta": {
            "kendo-ui": "This example demonstrates how the Mobile ScrollView may be used outside of a Kendo UI Mobile Application alongside Kendo UI Web Widgets"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      },
      {
        "text": "AngularJS",
        "new": true,
        "disableInMobile": true,
        "url": "scrollview/angular",
        "title": {
            "kendo-ui": "AngularJS support for Kendo UI Mobile ScrollView"
        },
        "meta": {
            "kendo-ui": "AngularJS directive support for Kendo UI Mobile ScrollView"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      }
    ],
    "category": "Mobile"
  },
  {
    "text": "Switch",
    "name": "switch",
    "api": "mobile/switch",
    "documentation": {
       "kendo-ui": "getting-started/mobile/switch",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/mobileswitch/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/switch",
       "aspnet-mvc": "aspnet-mvc/switch"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/switch",
       "aspnet-mvc": "aspnet-mvc/switch"
    },
    "spriteCssClass": "mobileSwitchIcon",
    "mobile": true,
    "packages": [ "!jsp", "!php" ],
    "items": [
      {
        "text": "Basic usage",
        "url": "switch/index",
        "title": {
            "kendo-ui": "Kendo UI Mobile Flip Switch Demo"
        },
        "meta": {
            "kendo-ui": "This demo shows how Kendo UI Switch widget is used on apps for binary on/off or true/false (yes/no) data input."
        }
      },
      {
        "text": "Events",
        "url": "switch/events",
        "title": {
            "kendo-ui": "Kendo UI Mobile Switch widget events examples"
        },
        "meta": {
            "kendo-ui": "This demo shows all events, enabled for Kendo UI Mobile Switch component. The events correlate to the value of the switch widget."
        }
      },
      {
        "text": "MVVM",
        "url": "switch/mvvm",
        "title": {
            "kendo-ui": "MVVM support in Kendo UI Mobile Switch"
        },
        "meta": {
            "kendo-ui": "Checked, enabled, events and visible MVVM binding support in Kendo UI Mobile Switch"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      },
      {
        "text": "Adaptive Usage",
        "disableInMobile": true,
        "url": "switch/adaptive",
        "title": {
            "kendo-ui": "Mobile Switch widget demo | Kendo UI Demos"
        },
        "meta": {
            "kendo-ui": "This example demonstrates how the Mobile Switch may be used outside of a Kendo UI Mobile Application alongside Kendo UI Web Widgets"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      },
      {
        "text": "AngularJS",
        "new": true,
        "disableInMobile": true,
        "url": "switch/angular",
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI Mobile Switch"
        },
        "meta": {
            "kendo-ui": "AngularJS directive support for Kendo UI Mobile Switch"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      }
    ],
    "category": "Mobile"
  },
  {
    "text": "TabStrip",
    "name": "mobile-tabstrip",
    "api": "mobile/tabstrip",
    "documentation": {
       "kendo-ui": "getting-started/mobile/tabstrip",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/mobiletabstrip/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/mobile-tabstrip",
       "aspnet-mvc": "aspnet-mvc/tabstrip-mobile"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/mobile-tabstrip",
       "aspnet-mvc": "aspnet-mvc/mobile-tabstrip"
    },
    "spriteCssClass": "mobileTabStripIcon",
    "mobile": true,
    "packages": [ "!jsp", "!php" ],
    "items": [
      {
        "text": "Basic usage",
        "url": "mobile-tabstrip/index",
        "title": {
            "kendo-ui": "Kendo UI Mobile TabStrip Demo"
        },
        "meta": {
            "kendo-ui": "This sample demonstrates how Kendo UI Mobile TabStrip widget is used inside a mobile view to show an application-wide group of navigation buttons."
        }
      },
      {
        "text": "Badges",
        "url": "mobile-tabstrip/badges",
        "title": {
            "kendo-ui": "Kendo UI Mobile TabStrip Badge Demo"
        },
        "meta": {
            "kendo-ui": "This sample demonstrates how Kendo UI Mobile TabStrip widget can show badges on its buttons."
        }
      },
      {
        "text": "Customizing appearance",
        "url": "mobile-tabstrip/appearance",
        "title": {
            "kendo-ui": "Example of Kendo UI TabStrip Customized Appearance"
        },
        "meta": {
            "kendo-ui": "This demo shows how the application-wide group of navigation buttons in Kendo UI TabStrip can be easily customized by using custom icons."
        }
      },
      {
        "text": "Adaptive Usage",
        "disableInMobile": true,
        "url": "mobile-tabstrip/adaptive",
        "title": {
            "kendo-ui": "Mobile Tabstrip widget demo | Kendo UI Demos"
        },
        "meta": {
            "kendo-ui": "This example demonstrates how the Mobile Tabstrip may be used outside of a Kendo UI Mobile Application alongside Kendo UI Web Widgets"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      },
      {
        "text": "AngularJS",
        "new": true,
        "disableInMobile": true,
        "url": "mobile-tabstrip/angular",
        "title": {
            "kendo-ui": "AngularJS support in Kendo UI Mobile TabStrip"
        },
        "meta": {
            "kendo-ui": "AngularJS directive support for Kendo UI Mobile TabStrip"
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      }
    ],
    "category": "Mobile"
  },
  {
    "text": "Application",
    "name": "application",
    "api": "mobile/application",
    "documentation": {
       "kendo-ui": "getting-started/mobile/application",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/mobileapplication/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/application",
       "aspnet-mvc": "aspnet-mvc/application"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/application",
       "aspnet-mvc": "aspnet-mvc/application"
    },
    "spriteCssClass": "mobileAppIcon",
    "mobile": true,
    "packages": [ "!jsp", "!php" ],
    "items": [
      {
        "text": "Overview",
        "url": "application/index",
        "title": {
            "kendo-ui": "Example of a web-based mobile app, built with Kendo UI mobile framework"
        },
        "meta": {
            "kendo-ui": "This example shows how Kendo UI Mobile Application provides all tools for native-like web-based mobile app development."
        }
      },
      {
        "text": "Loading popup",
        "url": "application/loadingpopup",
        "title": {
            "kendo-ui": "Loading popup demo for Kendo UI Mobile Application"
        },
        "meta": {
            "kendo-ui": "This demo illustrates how the loading popup in Kendo UI Mobile application can be disabled/enabled, and how a popup effect can be added by using the respective values."
        }
      },
      {
        "text": "View transitions",
        "url": "application/transitions",
        "title": {
            "kendo-ui": "View transitions demo for Kendo UI Mobile Application"
        },
        "meta": {
            "kendo-ui": "This example shows which transition needs to be applied when navigating in Kendo UI Mobile Application."
        }
      }
    ],
    "category": "Mobile"
  },
  {
    "text": "Forms",
    "name": "mobile-forms",
    "spriteCssClass": "mobileAppIcon",
    "mobile": true,
    "packages": [ "!jsp", "!php" ],
    "items": [
      {
        "text": "Overview",
        "url": "mobile-forms/index",
        "title": {
            "kendo-ui": "Kendo UI Mobile Forms Demo"
        },
        "meta": {
            "kendo-ui": "This demo shows which form elements, added to a mobile view, are supported and styled in Kendo UI Mobile framework."
        }
      },
      {
        "text": "Checks and Radios",
        "url": "mobile-forms/checkboxes",
        "title": {
            "kendo-ui": "Checkboxes example for Kendo UI Mobile Application"
        },
        "meta": {
            "kendo-ui": "This demo illustrates how checkboxes and radio buttons are enabled in Kendo UI Mobile Application."
        }
      },
      {
        "text": "Customizing appearance",
        "url": "mobile-forms/appearance",
        "title": {
            "kendo-ui": "Kendo UI Mobile Customizing Form Appearance Demo"
        },
        "meta": {
            "kendo-ui": "This demo shows how you can style the labels and form elements in a Kendo UI Mobile application to appear on separate rows."
        }
      }
    ],
    "category": "Mobile"
  },
  {
    "text": "Touch Events",
    "name": "touchevents",
    "api": "mobile/touch",
    "documentation": {
       "kendo-ui": "getting-started/mobile/touch"
    },
    "spriteCssClass": "mobileAppIcon",
    "mobile": true,
    "packages": [ "!mvc", "!jsp", "!php" ],
    "items": [
      {
        "text": "Touch Events",
        "url": "touchevents/index",
        "title": {
            "kendo-ui": "Touch Events Demo in Kendo UI jQuery-powered mobile framework"
        },
        "meta": {
            "kendo-ui": "Play with this Kendo UI Mobile demo to explore the touch events in Kendo UI Mobile advanced mobile app framework."
        }
      }
    ],
    "category": "Mobile"
  },
  {
    "text": "View",
    "name": "mobile-view",
    "api": "mobile/view",
    "documentation": {
       "kendo-ui": "getting-started/mobile/view",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/mobileview/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/view",
       "aspnet-mvc": "aspnet-mvc/view"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/view",
       "aspnet-mvc": "aspnet-mvc/view"
    },
    "spriteCssClass": "mobileAppIcon",
    "mobile": true,
    "packages": [ "!jsp", "!php" ],
    "items": [
      {
        "text": "Overview",
        "url": "mobile-view/index",
        "title": {
            "kendo-ui": "Kendo UI Mobile View widget demo"
        },
        "packages": [
          "!mvc"
        ],
        "meta": {
            "kendo-ui": "This example shows how Kendo UI Mobile View component is used to represent a screen in Kendo UI Mobile Application."
        }
      },
      {
        "text": "Zoomable View",
        "url": "mobile-view/zoomable",
        "title": {
            "kendo-ui": "Zoomable View in Kendo UI Mobile App Framework | Kendo UI Mobile Demo"
        },
        "meta": {
            "kendo-ui": "In this Kendo UI Mobile demo you will see how the contents of the mobile view can be zoomed by simply using pinch/zoom gestures."
        },
        "packages": [
          "!mvc",
          "!jsp",
          "!php"
        ]
      }
    ],
    "category": "Mobile"
  },
  {
    "text": "SplitView",
    "name": "SplitView",
    "api": "mobile/splitview",
    "documentation": {
       "kendo-ui": "getting-started/mobile/splitview",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/mobilesplitview/overview"
    },
    "forum": {
       "kendo-ui": "kendo-ui/split-view",
       "aspnet-mvc": "aspnet-mvc/splitview"
    },
    "codelibrary": {
       "kendo-ui": "kendo-ui/splitview",
       "aspnet-mvc": "aspnet-mvc/splitview"
    },
    "spriteCssClass": "mobileSplitViewIcon",
    "mobile": true,
    "tablet": true,
    "packages": [ "!jsp", "!php" ],
    "items": [
      {
        "text": "Overview",
        "url": "splitview/index",
        "title": {
            "kendo-ui": "Kendo UI Mobile SplitView component demo"
        },
        "meta": {
            "kendo-ui": "This example illustrates the core functionality of Kendo UI SplitView which is a tablet-specific view, consisting of two or more jQuery-based mobile pane widgets."
        }
      },
      {
        "text": "Customizing appearance",
        "url": "splitview/appearance",
        "title": {
            "kendo-ui": "Customizing the appearance of Kendo UI Mobile SplitView"
        },
        "meta": {
            "kendo-ui": "This demo shows how the appearance of Kendo UI SplitView widget can be easily customized."
        }
      }
    ],
    "category": "Mobile"
  },
  {
    "text": "Layout",
    "name": "mobile-layout",
    "api": "mobile/layout",
    "documentation": {
       "kendo-ui": "getting-started/mobile/layout",
       "aspnet-mvc": "getting-started/using-kendo-with/aspnet-mvc/helpers/mobilelayout/overview"
    },
    "spriteCssClass": "mobileAppIcon",
    "mobile": true,
    "packages": [ "!jsp", "!php" ],
    "items": [
      {
        "text": "Overview",
        "url": "mobile-layout/index",
        "title": {
            "kendo-ui": "Kendo UI jQuery-based Mobile Layout Demo"
        },
        "meta": {
            "kendo-ui": "This sample shows how Kendo UI Mobile Layout is used to share headers and footers between multiple views on different mobile devices."
        }
      }
    ],
    "category": "Mobile"
  },
  {
      "text": "Single Page Applications",
      "name": "spa",
      "packages": [ "offline" ],
      "disableInMobile": true,
      "items": [
          {
            "text": "Aeroviewr",
            "url": "spa/Aeroviewr",
            "title": {
                "kendo-ui": "Aeroviewr"
            },
            "meta": {
                "kendo-ui": "Aeroviewr"
            }
          },
          {
            "text": "Sushi",
            "url": "spa/Sushi",
            "title": {
                "kendo-ui": "Sushi"
            },
            "meta": {
                "kendo-ui": "Sushi"
            }
          }
      ]
  },
  {
      "text": "Sample Mobile Applications",
      "name": "mobile-apps",
      "mobile": "true",
      "disableInMobile": true,
      "packages": [ "offline" ],
      "items": [
          {
            "text": "Cuteness.io",
            "url": "mobile-apps/cuteness",
            "title": {
                "kendo-ui": "Cuteness.io"
            },
            "meta": {
                "kendo-ui": "Cuteness.io"
            }
          },
          {
            "text": "Sushi",
            "url": "mobile-apps/sushi",
            "title": {
                "kendo-ui": "Sushi (mobile)"
            },
            "meta": {
                "kendo-ui": "Sushi (mobile)"
            }
          }
      ]
  }
]
