RadComboBox becomes Transparent

4 posts, 0 answers
  1. Alexander
    Alexander avatar
    67 posts
    Member since:
    Jun 2014

    Posted 15 Sep 2014 Link to this post

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

    I removed the items from my list, but there are 9 items hardcoded into it. Any help is appreciated!
  2. Alexander
    Alexander avatar
    67 posts
    Member since:
    Jun 2014

    Posted 16 Sep 2014 in reply to Alexander Link to this post

    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;
        background-color:White !important;
        border:1px solid black;

    Is what I did since my border was removed along with the background color.
  3. Magdalena
    Magdalena avatar
    487 posts

    Posted 18 Sep 2014 Link to this post


    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?


    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

  4. Alexander
    Alexander avatar
    67 posts
    Member since:
    Jun 2014

    Posted 18 Sep 2014 in reply to Magdalena Link to this post

    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!
Back to Top