How to wrap RadTabItem in RadTabControl

8 posts, 0 answers
  1. Satyendra
    Satyendra avatar
    9 posts
    Member since:
    Feb 2011

    Posted 04 Mar 2011 Link to this post


    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
  2. Petar Mladenov
    Admin
    Petar Mladenov avatar
    2891 posts

    Posted 07 Mar 2011 Link to this post

    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
    Registration for Q1 2011 What’s New Webinar Week is now open. Mark your calendar for the week starting March 21st and book your seat for a walk through all the exciting stuff we ship with the new release!
  3. DevCraft banner
  4. rajesh
    rajesh avatar
    13 posts
    Member since:
    Oct 2007

    Posted 03 Apr 2012 Link to this post

    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
  5. Zarko
    Admin
    Zarko avatar
    755 posts

    Posted 06 Apr 2012 Link to this post

    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

    Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

  6. Uma
    Uma avatar
    3 posts
    Member since:
    Jul 2015

    Posted 30 Oct 2015 in reply to Zarko Link to this post

    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

  7. Uma
    Uma avatar
    3 posts
    Member since:
    Jul 2015

    Posted 02 Nov 2015 in reply to Uma Link to this post

    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();

     

     

  8. Martin
    Admin
    Martin avatar
    1101 posts

    Posted 04 Nov 2015 Link to this post

    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
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  9. Uma
    Uma avatar
    3 posts
    Member since:
    Jul 2015

    Posted 04 Nov 2015 in reply to Martin Link to this post

    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

Back to Top
DevCraft banner