custom theme, tab item mouse over colors

2 posts, 0 answers
  1. Karen
    Karen avatar
    8 posts
    Member since:
    Dec 2017

    Posted 17 May 2018 Link to this post

    Hello, I have created a custom theme which includes modified colors for the various states of the page view tab items. But it is behaving badly in my application.

    When first loaded, the tabs are the wrong background color. I'm not sure where they are getting this color.

    If you mouse over them, the correct background color appears on mouse enter, and when the mouse leaves, the tab is then displayed in the correct color, and never goes back to the original wrong color.

     

    When you click on a tab, it does highlight correctly. But the previously-selected tab does not revert to the correct background color. Mousing over them sets them back to correct.

    I have a top-level PageView, and then within that 2 of the pages have pageViews. Same behavior on all of them.

     

    I have a bare-bones project I can send if necessary.

     

    PS - I am a developer working for Karen, my name is David.

     

     

     

     

     

  2. Dess | Tech Support Engineer, Sr.
    Admin
    Dess | Tech Support Engineer, Sr.  avatar
    3412 posts

    Posted 21 May 2018 Link to this post

    Hello, David,     

    The general recommendation that we give to our customer when creating a custom theme is to choose one of the default themes which is the closest one as design to the desired look and customize the colors for example. This is the most time-saving approach. Note that when you build the style for a certain element, e.g. RadPageViewStripItem, it is necessary to specify the back color for each element's state. When you hover the item, the back color specified for the MouseOver state will be applied. However, this color should be reset in the normal state when the item is not hovered any more. 

    I hope this information helps. If you have any additional questions, please let me know. 

    Regards,
    Dess
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top