empty RadComboBoxItem very thin

[Lenny_shp]

VS2013 2015.1.421.45

I added an empty item at the top so the user can set it to a blank entry but it's displaying a very thin line in the dropdown.  (see pic)

Behavior is the same in Chrome and IE11.

The current workaround is to use this but not desirable <telerik:RadComboBoxItem Text="(blank)" Value="" />

 Tried without Lightweight rendermode - no difference.

This is within LayoutRow/CompositeLayoutColumn/RadPageLayout  shouldn't have an impact just let to let you know.

<telerik:RadComboBox ID="cboCountry" runat="server" Width="250px" MaxHeight="250px" ForeColor ="blue" AllowCustomText="false" Autopostback="true" RenderMode="Lightweight" AppendDataBoundItems="true">

[Magdalena]

Hi Lenny,

Please, apply the following CSS style for preliminary solving the issue:

.RadComboBoxDropDown .rcbList > li {
    padding: 0 .5em;
    line-height: 20px;
}

We have also updated our points for reporting the issue for the specific scenario. We will improve our inbuilt styles so the fixed version will be available in the next internal build.

Regards,
Magdalena
Telerik

 

 

[Lenny_shp]

Hi that CSS made the blank entry completely invisible (still accessible by up-arrow).

<telerik:RadComboBoxItem Text="" Value="" />

[Magdalena]

Hello Lenny,

Make you sure, that there is a space between the zero and the dot. This video shows the behavior after applying the style.

If the item should not be accessible by keyboard, it has to be disabled by the property.

Regards,
Magdalena
Telerik

 

 

[Lenny_shp]

Magdalena, your video shows that it's NOT working, I don't see a blank first entry for the user to select on.

[Magdalena]

Hi Lenny,

I apologize for the misunderstanding. If you would like to give height also to an empty item, you can make it by the following:

.rcbList > li {
    height: 20px;
}

A am sending also a sample video that shows the result after applying CSS code snippets from this and the previous thread.

Regards,
Magdalena
Telerik