This is a migrated thread and some comments may be shown as answers.

Unable to apply styles for disabled rad controls

0 Answers 15 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
chaya
Top achievements
Rank 1
chaya asked on 21 Nov 2014, 10:32 AM
Hi All,

In rad telerik controls text styles are not getting applied in IE browser(7,8) where as in chorme browser its working fine. Please let me know if their any solution?
PFA..Sample Code:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication5.WebForm1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
.cancel-button {
background: #fff;
background-image: -moz-linear-gradient(#1ba6ad, #0f6c7d 60%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1ba6ad), color-stop(60%,#0f6c7d));
box-shadow: 2px 2px 3px rgba(50, 50, 50, 0.5),2px 2px 3px rgba(50, 50, 50, 0.5) inset;
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1ba6ad', endColorstr='#0f6c7d');
appearance: none;
border: none;
border-radius: 18px;
-webkit-border-radius: 18px;
color: #fff;
display: inline-block;
font-size: 1.273em;
font-weight: bold;
line-height: 36px;
padding: 0px 23px;
text-decoration: none;
white-space: nowrap;
width: auto;
}
.aspNetDisabled {
opacity: 0.5 !important;
cursor: default;
color: white !important;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<telerik:RadScriptManager ID="rmScriptManagerWebLayout" runat="server">
</telerik:RadScriptManager>
<telerik:RadAjaxManager ID="ramWebLayout" runat="server">
</telerik:RadAjaxManager>
<div>
<telerik:RadButton ID="buttonCancel" runat="server"
CssClass="cancel-button" Enabled="false" ButtonType="LinkButton" DisabledButtonCssClass="aspNetDisabled"
EnableEmbeddedBaseStylesheet="false" EnableBrowserButtonStyle="false" Skin="" Text="cancel">
</telerik:RadButton>
</div>
</form>
</body>
</html>

Thanks,
Chaya

No answers yet. Maybe you can help?

Tags
General Discussions
Asked by
chaya
Top achievements
Rank 1
Share this question
or