How do i change the Background Color of the DROPDOWN portion of a RadDropDownList

Hello, Curtis,

Thank you for writing.  

In order to customize the popup's fill and border you can use the following code snippet:



I hope this information helps. Should you have further questions I would be glad to help.
 
Regards,
Dess
Progress Telerik

Thank you Dess!

This was exactly what I was looking for...hopefully another few months and i'll know all of the "insides" of these controls and won't have to rely on the kindness of others - hopefully it'll be me answering a few questions :)

Kindest regards,

Curtis.

Hello, Curtis, 

Thank you for writing.  

I am glad that the provided code snippet was useful. Please do not hesitate to write back if you have any further questions. I will be glad to help.

Regards,
Dess
Progress Telerik

Hi,

How do I change the text area background color? Not the dropdown backcolor but the text area backcolor?

Thank You

Hello, James,       

If you need to set the back color for the editable part in RadDropDownList, it is necessary to set just the RadDropDownList.BackColor property:




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

Dess,

 

That's not working for me, perhaps the Skin(Outllook) or the page css is overriding?

 

James

Hello, James,      

I would like to note that this forum is related to RadDropDownList form the Telerik UI for WinForms suite. However, I suppose that you are using some of our web products since you use CSS. Feel free to post your technical questions in the relevant forum: https://www.telerik.com/forums

Thank you for your understanding.

Regards,
Dess
Progress Telerik

Thanks for the reply. It helped me to get the background of my DDLB correct, but whilst trying every combination of colors to get this bit right, I now have a darker-colored border around my text (see image).

Where - in the 'Edit UI Elements' pages can I set the color of this? Setting it a runtime in the code is not a good solution for me: too many places to add the same code. And I also find your style builder VERY complicated....

Thanks

Hello, Ian,    

According to the provided brief description, it is not clear enough how you customize the RadDropDownList control. However, I suppose that the DropDownListElement.TextBox.ShowBorder property is set to true on your end. Make sure that it is set to false on your end. I have attached my sample project for your reference. 

I hope this information helps. If you need any further assistance please don't hesitate to contact me. 

 Regards,
Dess | Tech Support Engineer, Sr.
Progress Telerik

Good morning,

I have a very similar issue.

I am trying to set the background color of the individual items in the dropdown based on business rules.

Currently trying to use: objDDL.ListElement.BackColor = Color.FromName(strColorIs);

But it appears this sets the background for the dropdown area.

Is there a way to do each items background?

Example one could be white another Green and another Orange.

This is a winforms Telerik.WinControls.UI.RadDropDownListElement object.

Thanks

Deasun.

I found: ddlBillingProcesses_VisualItemFormatting

And it does seem to allow me to change each items background. :)

But it seems to fire off anytime the dropdown is clicked on.

I only need to do this once or or after each databind is redone.

Hello, Deasun,     
 
As you have already found out, items appearance in RadDropDownList can be customized by making use of the VisualListItemFormatting event. By using this event to customize the items appearance, you should always provide an else clause, where you reset the appearance settings which you have introduced. This is necessary since RadDropDownList uses data virtualization, which might lead to unpredictable appearance results when items are being reused.

Have in mind that it is absolutely normal that the VisualListItemFormatting event is fired a lot of times. Due to the UI virtualization of the visual elements, this event ensures that the proper style will be applied to the items.

I hope this information helps. If you need any further assistance please don't hesitate to contact me. 

Regards,
Dess | Tech Support Engineer, Sr.
Progress Telerik

Thanks.

Got it working the way I wanted at last.