I am using RadControls 2009.1.402.35 in Windows XP. I am trying to customize the button so I started by just trying to use Telerik's resources instead of the embedded ones. However the button has no styles, no outline. Just text.
These are the steps I followed:
1- Turned off EnableEmbeddedSkins like this:
<telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" Skin="Web20"
DecoratedControls="All" EnableEmbeddedSkins="False"/>
2- Copied the files FormDecorator.css & FormDecorator.Web20.css to the css folder which is off the root folder
3- Copied the gif's from C:\Program Files\Telerik\RadControls for ASPNET AJAX Q1 2009\Live Demos\Skins\Web20\FormDecorator\ButtonSprites.gif to the 'Telerik/FormDecorator' folder which is a folder under the root folder.
4- Modified the url's for the background-image in 'FormDecorator.Web20.css' like so:
background-image: url('Telerik/FormDecorator/ButtonSprites.gif');
This is my test page:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="test.aspx.cs" Inherits="MyPage.test" %>
<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link rel="stylesheet" href="css/FormDecorator.css" type="text/css" />
<link rel="stylesheet" href="css/FormDecorator.Web20.css" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<telerik:RadScriptManager ID="RadScriptManager1" runat="server"
EnableTheming="True">
</telerik:RadScriptManager>
<telerik:RadFormDecorator ID="RadFormDecorator1" Runat="server" Skin="Web20"
DecoratedControls="All" EnableEmbeddedSkins="False"/>
<asp:Button ID="Button1" runat="server" Text="Button" />
</form>
</body>
</html>
Any ideas?
These are the steps I followed:
1- Turned off EnableEmbeddedSkins like this:
<telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" Skin="Web20"
DecoratedControls="All" EnableEmbeddedSkins="False"/>
2- Copied the files FormDecorator.css & FormDecorator.Web20.css to the css folder which is off the root folder
3- Copied the gif's from C:\Program Files\Telerik\RadControls for ASPNET AJAX Q1 2009\Live Demos\Skins\Web20\FormDecorator\ButtonSprites.gif to the 'Telerik/FormDecorator' folder which is a folder under the root folder.
4- Modified the url's for the background-image in 'FormDecorator.Web20.css' like so:
background-image: url('Telerik/FormDecorator/ButtonSprites.gif');
This is my test page:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="test.aspx.cs" Inherits="MyPage.test" %>
<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link rel="stylesheet" href="css/FormDecorator.css" type="text/css" />
<link rel="stylesheet" href="css/FormDecorator.Web20.css" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<telerik:RadScriptManager ID="RadScriptManager1" runat="server"
EnableTheming="True">
</telerik:RadScriptManager>
<telerik:RadFormDecorator ID="RadFormDecorator1" Runat="server" Skin="Web20"
DecoratedControls="All" EnableEmbeddedSkins="False"/>
<asp:Button ID="Button1" runat="server" Text="Button" />
</form>
</body>
</html>
Any ideas?