How to include tab with dropdown in Kendo Tabstrip

[mike]

Hi, 

We are looking to get tabs with menu list or dropdown kind think in it , with items in that , Below i have attached image of our requirement,

Kindly provide solution for above requirement  ,

 Thanks,

Mike

[Neli]

Hi Mike,

I have replied to the support thread on the same issue. I will post my reply here below as well, as it could be helpful to the other users in the Forum.

You could add an input element in the list for the tabs and initialize a DropDownList from that element.

 <li>
        Moscow
       <input id="color" value="1" style="width: 100%;" />
</li>

When the DropDownList in the tab is clicked,  the tab will be focused, thus the DropDownList will be closing immediately. For this reason, you could set a flag in order to mark whether the DropDownList should close. In the Dojo example linked here the closing of the DropDownList is prevented in the close event handler depending on the closeAllowed flag value. In case the user clicks outside the DropDownList the closeAllowed value is set to false, thus the DropDownList should close correctly. 

I would also suggest you take a look at the Kendo Toolbar demos to check if the Toolbar is more suitable in your scenario:

- https://demos.telerik.com/kendo-ui/toolbar/index

I hope you will find the provided information and example helpful. 

 

Regards,
Neli
Progress Telerik