[Solved] RadComboBox becomes Transparent

[Alexander]

I am having a funny problem with one of my RadComboBoxes. It is applied to a skin that it used throughout my website. On all but one page the RadComboBox looks and functions correctly. However on one page, the background behind the select-able items becomes transparent. I also lose the border around the select-able items.

I am wondering as to what may be causing this issue.

This is what the definition looks like.

<telerik:RadComboBox runat="server" ID="ddlRoles" Visible="false" EnableViewState="true"
    AutoPostBack="True" CausesValidation="false" ZIndex="999999">
    <Items>
    </Items>
</telerik:RadComboBox>

I removed the items from my list, but there are 9 items hardcoded into it. Any help is appreciated!

[Alexander]

I followed something similar to the solution here: http://www.telerik.com/forums/custom-radcombobox-is-transparent-in-radgrid-in-ie7

.rcbSlide, .rcbArrowCell
{
    z-index: 999999 !important;
}
.rcbSlide
{
    background-color:White !important;
    border:1px solid black;
}

Is what I did since my border was removed along with the background color.

[Magdalena]

Hello,

We have tested the code that you had provided, but there are missing some resources so we did reproduced the described behavior. When we remove the "Visible" property, the RadComboBox becomes  visible, but there is no issue. Could you please provide some additional information such as:

• What browser you are using?
• Do you use any  built-in or custom skin? If the skin is custom, we would need it for testing purposes.
• In order to investigate this problem we would need a sample project that replicates this problem. Could you please open a support ticket and attach one?

Regards,
Magdalena
Telerik

 

 

[Alexander]

Hey Magdalena,

The problem was persistent throughout IE (8+) and Chrome. I didn't test any other browsers. In my code I had changed the visibility in the backend. This was actually a part of a skin object. I only ever experienced this problem on one page. After adding the CSS styling it was fixed. So what I am assuming is that somehow the styling was being stripped away.

Thanks for the reply!