Change the text color of disable telerik RadComboBox

10 posts, 1 answers
  1. Sharad
    Sharad avatar
    8 posts
    Member since:
    Apr 2013

    Posted 19 Nov 2014 Link to this post

    1.Find attached file.
    2.how to change text color of disable dropdown.because text show in tranparent.
  2. Nencho
    Admin
    Nencho avatar
    1457 posts

    Posted 21 Nov 2014 Link to this post

    Hello Sharad,

    By design the rendering and the style for the RadDropDownList in disabled state is not like the one demonstrated in the attached image, but like the one demonstrated in the video below :

    http://screencast.com/t/ANh3zZkH8g

    Please provide us with the custom styles that you are applying on the control so we could pinpoint the problematic one and provide you with the proper solution.

    Regards,
    Nencho
    Telerik
     

    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.

     
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Sharad
    Sharad avatar
    8 posts
    Member since:
    Apr 2013

    Posted 28 Nov 2014 in reply to Nencho Link to this post

    Hello Sir,

    Actully, i am using telerik RadDropDownList control and if this control is enabled so its working fine in all browsers especilly internet explorer 9 but if this control is disabled then dropdownlist selected item text get transpernt in internet explorer 9 .

     <telerik:RadDropDownList runat="server" ID="ddlTimezone"
                                        AutoPostBack="true"
                                        OnDataBound="ddlTimezone_DataBound"
                                        OnSelectedIndexChanged="ddlTimezone_SelectedIndexChanged"
                                        EnableTextSelection="true"
                                        CollapseAnimation-Type="None" OnLoad="ddlTimezone_Load"
                                        EnableLoadOnDemand="true" Width="275" DropDownHeight="240px">
                                    </telerik:RadDropDownList>





  5. Answer
    Magdalena
    Admin
    Magdalena avatar
    421 posts

    Posted 01 Dec 2014 Link to this post

    Hello Sharad,

    Try to apply the following CSS to improve visibility of the text of disabled RadComboBox

    /*Target IE8-10*/
    @media screen\0 {
        html .RadDropDownList .rddlDisabled {
            filter: alpha(opacity=100);
            border-color: #ccc;
        }
    }
      
    /* Taret IE10*/
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        html .RadDropDownList .rddlDisabled {
            filter: alpha(opacity=50);
            border-color: #777;
        }
    }


    Regards,
    Magdalena
    Telerik
     

    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.

     
  6. Sharad
    Sharad avatar
    8 posts
    Member since:
    Apr 2013

    Posted 11 Dec 2014 in reply to Magdalena Link to this post

    Hello Sir,
    I used this CSS so it is working fine in internet explorer 10.
    But this CSS is not working in internet explorer 9.
    I am Attaching both file so please see this file and resolve my problem

    Thanks and Regards,
    Sharad Kumar Rathore
  7. Ivan Zhekov
    Admin
    Ivan Zhekov avatar
    539 posts

    Posted 13 Dec 2014 Link to this post

    It's actually working. The reason why it may seem like it's not working is because IE9 and lower are applying extra styles to disabled elements, namely the inset font style.

    That style can not be overwritten.

    Regards,
    Ivan Zhekov
    Telerik
     

    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.

     
  8. Sharad
    Sharad avatar
    8 posts
    Member since:
    Apr 2013

    Posted 21 Jan 2015 in reply to Ivan Zhekov Link to this post

    Hello Sir,

          i am using telerik telerik:RadComboBox control and if this control is enabled so its working fine in all browsers especilly internet explorer 9 but if this control is disabled then ComboBox selected item text get transpernt in internet explorer 9 and 8 .please give me proper solutions.

    I followed all solution that you suggested but my problem doesn't solved, so please suggest me other solution.

    <telerik:RadComboBox
            runat="server"
            DataSourceID="DepartmentDataSource"
            ID="radCmbBoxDepartment"
            DataTextField="Name" OnLoad="radCmbBoxDepartment_Load"
            OnSelectedIndexChanged="radCmbBoxDepartment_SelectedIndexChanged" OnItemDataBound="radCmbBoxDepartment_ItemDataBound" OnPreRender="radCmbBoxDepartment_PreRender"
            DataValueField="CustomId"
            AllowCustomText="false"
            AutoPostBack="true">
            <ItemTemplate>
                <asp:Label runat="server" Width="10px" Height="10px" BackColor='<%# GetColor(Eval("Colour").ToString())%>' ForeColor='<%# GetColor(Eval("Colour").ToString())%>'></asp:Label>
                <asp:Label runat="server" Text='<%# GetTextByLength(Eval("Name"), 200)%>' ToolTip='<%#Eval("Name")%>'></asp:Label>
            </ItemTemplate>
        </telerik:RadComboBox>

    Regards,
    Sharad Kumar Rathore







  9. Ivan Zhekov
    Admin
    Ivan Zhekov avatar
    539 posts

    Posted 22 Jan 2015 Link to this post

    Hi,

    As stated multiple times in the this thread, the way how disabled items look in IE9 and lower is not something we can alter.

    Regards,
    Ivan Zhekov
    Telerik
     

    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.

     
  10. Prahlad
    Prahlad avatar
    3 posts
    Member since:
    Mar 2015

    Posted 22 Apr 2015 Link to this post

    Hello Sir,

     

    I am using raddropdowntree when i select the node then selected text disappear if use mouse over on that raddropdowntree  then it's show in IE only . I have done lot's of R&D but still there is no solution so please help me out with this. i hope you will have this solution.

    please provide me

    thanks you so much

  11. Ivan Zhekov
    Admin
    Ivan Zhekov avatar
    539 posts

    Posted 27 Apr 2015 Link to this post

    This thread is about RadComboBox. Please do not post questions about other controls here.

    In addition, the information in your question is not enough to provide you with an answer. It's best if you start a new thread and disclose all relevant information, such as the version you are using, exact settings of RadDropDownTree, operating system, additional browser info, etc.

    Regards,
    Ivan Zhekov
    Telerik
     

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

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