Change the text color of disable telerik RadComboBox

[Sharad]

1.Find attached file.
2.how to change text color of disable dropdown.because text show in tranparent.

[Nencho]

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

 

 

[Sharad]

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>

[Magdalena]

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

 

 

[Sharad]

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

[Ivan Zhekov]

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

 

 

[Sharad]

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

[Ivan Zhekov]

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

 

 

[Prahlad]

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

[Ivan Zhekov]

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