[Solved] How to replace Toggle image

[pradip]

Hi

I want to remove the toggle image which come with available skins and would like to use image which looks similar with VS's normal dropdown.

I am using Skin="Outlook" because its look is closer to Visual Studio dropdown. Can someone suggest the way to achieve this.

Also when I focusing on dropdown hidden border is appearing. Is there any way to get rid of that border.

For border thing I was trying following but not working

.RadComboBox_Outlook

{

 

width:140px !important;

 

 

padding:0px !important;

 

 

margin:0px !important;

 

 

height:17px !important;

 

 

border:0px;

 

 

}

[Shinu]

Hi Pradip,

Try the following CSS in order to change the dropdown image of RadComboBox.

CSS:

<style type="text/css">
* html .RadComboBox_Outlook .rcbArrowCellRight
{
    background: url('../Images/dropdown.gif') no-repeat  !important;
}
</style>

Thanks,
Shinu.

[pradip]

Hi Shinu

Thanks for the help.

Still didnt reach final solution. I am having 3 dropdowns on every page and of those 1 is telerik combobox and other 2 are normal VS dropdown. And I am trying to match the view of both dropdowns.

I am getting different view in different browsers. I am looking for combobox (dropdown) toggle image look same as of normal VS dropdown toggle image. The color of those dropdown changes based on user monitor settings but Telerik once doesnt.

Please kindly help in this regards, as I said I am using skin="Outlook", is there something else I can use for this?

Thanks,
Pradip