Hover Style on Combo

[Stuart Ferguson]

I am attempting to modify the Default RadComboBox style to meet my needs but have an issue on changing the hover style to behave as per the images below:

Current Hover style

http://img15.imageshack.us/img15/9381/currentp.jpg

Wanted Hover style

http://img16.imageshack.us/img16/9854/wantedeffect.jpg

I was wondering what classes on the CSS file i would need to change to remove the fill on hover and also on the focus of the control.

I am using the 2009 Q1 controls.

Many thanks

Stuart

[Alex Gyoshev]

Hello Stuart,

The style change has been made so that the so-called "calls to action" are more obvious to the users, for usability reasons - the read-only combo does not look like it is editable.

If you wish to have all RadComboBoxes look the same, use the attached skin as an external one. The change that was made was simply to remove all the styling, applied to "rcbReadOnly" elements.

Best wishes,
Alex
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.

[Stuart Ferguson]

Alex,

Thanks for that, almost exactly what im after.  The only last change i need is for the background of the drop down arrow to remain shaded when the control does not have focus so the drop down looks like a windows combo box, is that possible?

Thanks again.

Stuart

[Alex Gyoshev]

Hello Stuart,

If I understand right, you would like to remove the hover of the combo? If that is the case, use the attached skin; if not, please be more specific about what you are trying to achieve.

Sincerely yours,
Alex
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.

[Stuart Ferguson]

Alex,

What i am trying to achive is exactly as your skin is providing with 1 difference, when control does not have focus i want the shading to stay behind the drop down arrow image as shown in the image below.

http://img243.imageshack.us/my.php?image=combo.jpg

Stuart

[Stuart Ferguson]

Alex,

I have managed to achieve the effect by changing the background position on the class that represents the not hovered state of the control.  My final question on this is how i change the border of the dropdown list to be a custom colour.

Many Thanks,

Stuart

[Alex Gyoshev]

Hello Stuart,

I'm glad that you figured out the background positioning.

The border of the control is (unfortunately) embedded in the image - so the image should be edited in order to change it. If you specify which color you want to change, I could edit it for you.

Sincerely yours,
Alex
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.

[Stuart Ferguson]

Alex,

The Hex code is #1C4F94

Thanks

Stuart

[Alex Gyoshev]

Hello Stuart,

You can find the modified image attached to this post.

Sincerely yours,
Alex
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.

[Stuart Ferguson]

Thanks Alex, you have been a great help.