TabStrip Widget - Introduction to Kendo UI Course - Lesson 18 | web Developer courses

Duration: 19:55 min

Summary: In this video, we will discuss the tabstrip widget. As we always do, we start by setting up the HTML. In this case, the HTML is made up of unordered list (with list items) and a list of divs. Each div will represent the tab content and the list items will be text on the tab. By initializing a kendoTabStrip we will end up with as many tabs as we have list items. Then we will hook up the select and activate events and log the text to the console. Then we will see how to dynalically add tabs using the insertBefore and insertAfter functions. There are two cases to select/activate a tab: (1) by using the k-state-active class, and (2) by calling the select function. We will explore those as well.