TabControl Dropdownlist mouseover effect

3 posts, 0 answers
  1. GOPI S
    GOPI S avatar
    15 posts
    Member since:
    Mar 2010

    Posted 11 May 2012 Link to this post


    I am in process of creating customized theme for Tabcontrol. I am facing two issues right now .

    1)I want to change the mouse-over effect(maybe color) of dropdown list item which will be displayed when we set DropDownDisplayMode="WhenNeeded", right now telrik default effect was displayed

    2)If the tab header name is lengthy the header need to be wrapped to next line but if there is enough space it should not be wrapped
      wrapping should not be done at character level it should be at word level

    ex MouseOver Effect is the tabheader then on maximum resolution it should be displayed on singe line but on resizing the window if there is no enough room to display the content the tab header should be wrapped such that it should look like


  2. Tina Stancheva
    Tina Stancheva avatar
    3299 posts

    Posted 16 May 2012 Link to this post

    Hello Gopi,

    You can easily implement your first requirement by applying a custom style for the DropDownMenuItems. I attached a sample project demonstrating how to change the mouse over color settings to green.

    Unfortunately, the second requirement you have can't be implemented in the RadTabControl. At the moment the control supports wrapping of the tabs, but not wrapping of the content of the tabs.This functionality is implemented when the horizontal ScrollViewer of the control is disabled and you can control the way the rows of items are ordered using the ReorderTabRows property.

    Tina Stancheva
    the Telerik team

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

  3. GOPI S
    GOPI S avatar
    15 posts
    Member since:
    Mar 2010

    Posted 23 May 2012 Link to this post

    Thanks Tina ,

    I have already applied style by looking at some of the existing forum in same website and for wrapping i have handled by placing two textblock inside RadTabItem template and will checking wrapping condition via code
Back to Top