empty RadComboBoxItem very thin

6 posts, 0 answers
  1. Lenny_shp
    Lenny_shp avatar
    343 posts
    Member since:
    Jul 2006

    Posted 23 Apr 2015 Link to this post

    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">

  2. Magdalena
    Admin
    Magdalena avatar
    421 posts

    Posted 27 Apr 2015 Link to this post

    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
     

    See What's Next in App Development. Register for TelerikNEXT.

     
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Lenny_shp
    Lenny_shp avatar
    343 posts
    Member since:
    Jul 2006

    Posted 27 Apr 2015 in reply to Magdalena Link to this post

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

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

  5. Magdalena
    Admin
    Magdalena avatar
    421 posts

    Posted 28 Apr 2015 Link to this post

    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
     

    See What's Next in App Development. Register for TelerikNEXT.

     
  6. Lenny_shp
    Lenny_shp avatar
    343 posts
    Member since:
    Jul 2006

    Posted 29 Apr 2015 in reply to Magdalena Link to this post

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

    Posted 30 Apr 2015 Link to this post

    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
     

    See What's Next in App Development. Register for TelerikNEXT.

     
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017