如何在asp.net ajax中重用telerik radcontrols中的css样式

我不得不承认,我已经有一段时间没有使用radcontrols了-我们在一些cms站点上使用了cms radeditor,它可以自动提取您的样式表,并将类添加到其列表中,或者您可以手动添加一些。

看一下文档,一些比特可能会有帮助:

1. RadEditor CSS Classes and Their Use -尽管通常这些都是由我认为的控件自动添加的?
2. 1的链接。也告诉你怎么做
3. 有几个选择
   • External CSS Files ,其中说明“默认情况下,用于ASP.NET AJAX的Radeditor使用当前页中可用的CSS类”,但也说明了如何加载其他样式表。
   • Using the ToolsFile.xml -向下滚动到<类>元素。

我只想添加;formdecorator只对某些类型的控件应用css。如果你有一个没有样式的控件,你可以访问TeleRK资源,像这样:

.cs文件-具有如下公共属性:

public string HeaderDivBackgroundURL
{
   get
{
{
     string backgroundURL = string.Empty;
     string skin = ((MainMaster)Page.Master).AppSkin;
     backgroundURL = Page.ClientScript.GetWebResourceUrl(typeof(RadSplitter), "Telerik.Web.UI.Skins." + skin + ".Splitter.slideTitleContainerBgr.gif");
     return backgroundURL;
   }
}

}

在aspx页面(在radcodeblock中)中,只需从该属性中读取一个内部样式表:

<tel:RadCodeBlock runat="server">
    <style type="text/css">
        .telerikBackgroundMock
        {
            background: url('<%= HeaderDivBackgroundURL %>') repeat-x;
        }
    </style>
</tel:RadCodeBlock>

我发现这对于将telerik皮肤应用于非telerik控件非常有用,这种方法仍然是动态的,并且随着皮肤的变化而变化。

作为对该线程的更新,现在有一个用于telerik ajax和mvc工具的在线“样式生成器”,它支持对内置皮肤的可视化配置/自定义:

http://stylebuilder.telerik.com/

此工具消除了理解每个控件的css类定义的需要,并允许您轻松自定义一个内置主题以更好地匹配您的站点。