Custom RadCombobox is transparent in RadGrid in IE7

[blablabla]

Hi,

I created a custom control that inherits from the RadCombobox. I do 2 things within the control: I added a new property and I override the Databind() method.

I use the control in the EditItemTemplate of the RadGrid, and it is defined as such:

<cc:RatingValuesDropDownField ID="ddlRatingValue" runat="server" RatingType="Type1"  MaxHeight="200px" />

I don't change anything related to the look of the control in my code, yet it ends up looking like what's displayed in the attached picture in IE7.

I use RadFormDecorators inside my code, so I am not sure if that's the issue or not.

Any ideas?

Thanks.

edit: forgot to add that the drop down displays fine when outside of a radgrid.

[radfreak]

Having a very similar issue with a RadComboBox but in a custom user control's single instance ITemplate. The dropdown button of the ComboBox is somehow hidden and the list is transparent. Can say i know how to force either on to transparent.

Any help would be appreciated.

 

 

 

<telerik:RadComboBox ID="listSecurityInfoLabs" runat="server" Visible="false"
 CheckBoxes="true" EnableCheckAllItemsCheckBox="true" Width="140px" MaxHeight="300px"
 ForeColor="White" BackColor="#2979EF" EmptyMessage="Select Lab(s)" Text="Select Lab(s)"
 CloseDropDownOnBlur="true" OnClientBlur="secLabs_onDropDownBlur"
 OnClientDropDownOpening="secLabs_onDropDownOpening">
</telerik:RadComboBox>

[Ivana]

Hello,

@Stuts -- it seems like the z-index of the drop-down list and the drop-down arrow is smaller than the one set to the parent container of RadComboBox. You could try the following CSS to overcome this behavior:

.rcbSlide, .rcbArrowCell
{
    z-index: 10000 !important;
}

If this does not help, you could inspect the elements (with the developer tool of your browser) and see which element exactly needs the z-index bigger than it is now or how do you need to set the z-index rule in order for the CSS style to take place.

@blablabla -- it seems like the Default skin of RadComboBox is not applied which applies by default unless a skin is explicitly defined using the Skin property of RadComboBox. Beside the skin, there seem to be a problem with the z-index as well. To see how to overcome the z-index issue refer to the answer above addressed to Stuts.

Greetings,
Ivana
the Telerik team

[radfreak]

 

Well, gave that a shot but Well, gave that a shot but now it’s just intermittent behavior :)
I checked everything using a z-index and the highest z-index used is 2. I haven't found any pattern to when it renders as transparent and when it doesn’t. Got any other ideas?

[radfreak]

Well, i've figured out something that resembles a work-around by using your suggestion and adding a few forced styles. I also had to copy the rcbSprite.png directly into the site since the reference did not work as "ComboBox/rcbSprite.png"

.rcbSlide, .rcbArrowCell { z-index: 10000 !important; }
.rcbSlide { background-color:White !important; }
.rcbArrowCell { border: 1px solid #E5E5E5 !important;background:White url('images/rcbSprite.png') no-repeat -1px 50% !important; }