How to wrap RadTabItem in RadTabControl

[Satyendra]

I am dynamically generating RadTabItems in RadTabControl. I want RadTabItems to wrap to next line when exceeding RadTabControl width. Is there any way to wrap RadTabItems to multiple lines?

Thanks
Satyendra
AT&T

[Petar Mladenov]

Hello Satyendra,

Currently , this behavior cannot be achieved out of the box. However, creating a multiline tabs is possible by using the IsBreak property of the RadTabItem. You can find more info on this here. Feel free to ask if you need further assistance.

All the best,
Petar Mladenov
the Telerik team

[rajesh]

Hi Petar,

I am dynamically generating RadTabItems in RadTabControl. I want RadTabItems to wrap to next line when exceeding RadTabControl width.

I am using Dataset to bind tabs to the tab control and then i am settting Isbreak = true to one of the item in the code behind. but it not getting set to it.

also the wrapped items are moving along the page withe mouse pointer.

Can you please help me with this.

Thank you.

Regards,
Rajesh Srigakolapu

[Zarko]

Hello Rajesh,
Could you please tell us how exactly are you setting the IsBreak property to True, because I tried two approaches and everything seemed to work fine (code snippets or a project will be appreciated)?
I've attached a sample project that shows this so could you examine it and if you have more questions feel free to ask.

Greetings,
Zarko
the Telerik team

[Uma]

Hi Telerik Team, I'm also having the similar requirement. I have radtabs dynamically created. I need the rad tab to wrap to next line. The rad tab is wrapping but is having a big space in the start of the next line and the tab is moving on each click. see the attached screen shot. Is there a direct way to solve this issue? Since i couldnt find one for now, I added programatically isBreak property checking the size of the window. But i need to remove the isBeak property using jquery when the window size changes. Can you please tell how to set the isBreak property using JQuery? 

 

Thanks

Uma

[Uma]

Hi Telerik Team, I was able to find the jquery that is used to set the isBreak property. I tried the same way but it didnt resolve my solution. Here is the code i set to add Isbreak property in code behind and the jquery that i use to remove the isbreak property.

 

code behind to set the radtab isBreak property.

------------------------------------------------

RadTabStrip11.Tabs[i-1].IsBreak = true;

 

 Jquery to remove the IsBreak Property

---------------------------------------------------

var tabStrip = $find("<%= RadTabStrip11.ClientID %>");
tabStrip.trackChanges();

for (var i = 0; i < tabStrip.get_allTabs().length; i++)
{
tabStrip.get_allTabs()[i].set_isBreak(false);
}
tabStrip.commitChanges();

 

 

[Martin Ivanov]

Hello Uma,

I am not sure that I understand which tab control you are referencing to. Is it the RadTabControl from the UI for Silverlight suite? Or the RadTabStrip component from the UI for ASP.NET Ajax? Please, note that this forum thread is in the RadTabControl for Silverlight section. If you have questions about a different product - as RadTabStrip for ASP.NET Ajax - I would ask you to open a new forum in the corresponding section in the Telerik website. Thank you for the understanding.

Regards,
Martin
Telerik

[Uma]

Hey Martin, I created a support ticket and got the resolution for my problem. Here is the link for the resolution. I was looking for asp.net ajax.

http://www.telerik.com/account/support-tickets/view-ticket.aspx?threadid=984367

 

Thanks