This is a migrated thread and some comments may be shown as answers.

custom theme, tab item mouse over colors

1 Answer 9 Views
This is a migrated thread and some comments may be shown as answers.
David
Top achievements
Rank 1
David asked on 17 May 2018, 10:10 PM

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.

 

 

 

 

 

1 Answer, 1 is accepted

Sort by
0
Dess | Tech Support Engineer, Principal
Telerik team
answered on 21 May 2018, 08:56 AM
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.
Asked by
David
Top achievements
Rank 1
Answers by
Dess | Tech Support Engineer, Principal
Telerik team
Share this question
or