TabControl with Scroll buttons

9 posts, 0 answers
  1. Rajesh
    Rajesh avatar
    25 posts
    Member since:
    Dec 2007

    Posted 03 Jun 2009 Link to this post

    Hi

    I am using Silverlight RadTab Control to show different tabs. The area in which i am displaying the tabs is smaller and the number of tab items in the control are larger enought ( say 7-8 tab items). Since the area is small, all my tab heading gets shrinked and displays only partial text.

    By applying custom template, i am able to display two arrow on right side of the tab headers and with scroll bar i can get full tabs and scrolling. Now i need following three functionality implemented with this updated style -
    1. After hiding the scrollbars visiblity, i would like to handle the events thro' the two arrow added and scroll the items.
    2. In case partial tab header is displayed. clicking on the partial tab should display the full tab ( make scroll left/right )
    3. Control the visiblity of arrows when the number of tab items fits/unfits in the given area [ Similar to ToolBar menus ].

    Would you please provide me a sample with above three functionality. Third functionality if provided then welcome but not mandatory.

    -Rajesh

  2. Miroslav
    Admin
    Miroslav avatar
    922 posts

    Posted 05 Jun 2009 Link to this post

    Hello Rajesh,

    The RadTabControl does not support this scenario out of the box. We are planning to add these features in a future version of the TabControl, but unfortunately currently there is no quick way to implement them.

    Sincerely yours,
    Miroslav
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
  3. DevCraft banner
  4. tungnt185
    tungnt185 avatar
    40 posts
    Member since:
    Aug 2009

    Posted 14 Aug 2009 Link to this post

    Hi all,
    Now I'm facing with problem to create a scrollable tab. How I can implement this myself or Telerik team will add this feature in what version. When is it released?
  5. Valentin.Stoychev
    Admin
    Valentin.Stoychev avatar
    2198 posts

    Posted 17 Aug 2009 Link to this post

    Hi Taufik Hidayat,

    This functionality will be available in Q3 for sure. We will have a beta version available for download within 6 weeks. As Miro mentioned below - there is not easy way to code this yourself. I hope that this time range is suitable for you.

    Best wishes,
    Valentin.Stoychev
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
  6. Alan Sauls
    Alan Sauls avatar
    2 posts
    Member since:
    Aug 2009

    Posted 14 Oct 2009 Link to this post

    What is the status of this implementation?
  7. Valentin.Stoychev
    Admin
    Valentin.Stoychev avatar
    2198 posts

    Posted 14 Oct 2009 Link to this post

    Hello Alan Sauls,

    This is done and is available since the first beta of Q3. Today we are releasing beta2 so you may want to wait for a few hours to get the latest bits.

    Please let us know if you have any feedback on that feature.

    Regards,
    Valentin.Stoychev
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
  8. hwsoderlund
    hwsoderlund avatar
    419 posts
    Member since:
    Aug 2006

    Posted 04 Nov 2009 Link to this post

    Hi, I have a question on this feature: How do I turn it off? :) Although cool and useful, there are certain situations where I do not want it. Take a look at the attached screen shots. I'm using the tab control to display a large (and growing) number of "permission groups" within a system role. Although not the perfect GUI (it's cluttered, I know) it did actually give you a nice overview of things. After the Q3 release about 70% of the tabs are initially hidden. So, how do I disable this? I looked for something like a "UseScrollButtons" property but could not find it.

    Regards,
    /Henrik
  9. Kiril Stanoev
    Admin
    Kiril Stanoev avatar
    1511 posts

    Posted 04 Nov 2009 Link to this post

    Hi Henrik,

    You can achieve this functionality by doing couple of things. First you will have to set ScrollViewer.HorizontalScrollBarVisibility="Disabled" of RadTabCotnrol. Second, you will have to change the ItemsPanel of RadTabControl to RadWrapPanel.

    <telerikNavigation:RadTabControl x:Name="tabControl1" Width="500" Height="400" ScrollViewer.HorizontalScrollBarVisibility="Disabled">
        <telerikNavigation:RadTabControl.ItemsPanel>
            <ItemsPanelTemplate>
                <telerik:RadWrapPanel />
            </ItemsPanelTemplate>
        </telerikNavigation:RadTabControl.ItemsPanel>
    </telerikNavigation:RadTabControl>

    Give this approach a try and let me know how it works for you. I have also attached a sample project demonstrating this functionality.

    All the best,
    Kiril Stanoev
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
  10. hwsoderlund
    hwsoderlund avatar
    419 posts
    Member since:
    Aug 2006

    Posted 04 Nov 2009 Link to this post

    Excellent! While I'm sure we can all agree that attached properties are a godsend, they sometimes make it difficult to find simple things in VS. Thank you!
Back to Top
DevCraft banner