Duration: 17:45 min
Summary: In this lesson, we will learn how to work with PanelBar. A PanelBar is like an Accordion in jQuery UI, but in this case you have more flexibility with the properties and events. For example, the option expandMode can be 'single' and 'multiple' so you can expand more than one panel at a time. We will start with setting up the HTML using unordered lists. Then, we will use the initialization list to set up the expand mode and the animation. We will trigger the animation for collapse and expand. We will also tap into the following events: select, expand, collapse, activate. We will log these events as the user is testing the PanelBar.
Technologies and Resources: Kendo UI, kendoPanelBar, expandMode, kendoConsole.