创建自定义皮肤
想要为一个或多个Telerik控件创建自定义皮肤的开发人员有以下选项:
使用Telerik ThemeBuilder for ASP。净AJAX应用程序(轻量级渲染模式皮肤)
使用视觉风格构建器工具(自2016年停产)。
获取一个嵌入式皮肤并对其进行更改,直到获得所需的外观
从头创建一个自定义皮肤
在大多数情况下,最后一个选项是不必要的开销,除非您需要创建一个皮肤,它在外观和尺寸方面是完全独特的。为了从头创建自定义皮肤,您需要更好地理解控件的HTML输出和CSS类。
创建自定义皮肤后,您将需要注册它在将要使用的页面上。
Telerik ThemeBuilder应用程序
这是一个易于使用的应用程序,使您能够自定义默认外观。它只能用于定制皮肤轻量级RenderMode.
阅读文档有关如何创建自定义主题的说明和示例。
发射应用程序。
主题构建器应用程序可用于创建或修改中使用的主题轻量级RenderMode
视觉风格构建器
如果您想修改将在中使用的皮肤经典RenderMode你可以使用StyleBuilder工具。
的经典渲染模式已进入2015年第三季度开始进入维护模式Visual Style Builder工具仅为经典渲染生成皮肤,自2016年5月以来一直在维护中。我们建议使用轻量级渲染模式和提供的Telerik ThemeBuilder for ASP。净AJAX工具。
从现有的嵌入式皮肤创建一个自定义皮肤
以下是执行所需步骤的列表:
选择一个与您的要求相似的内置皮肤。例如,RadColorPicker的“Telerik”皮肤。
复制“Common”和“Telerik”文件夹C:\Program Files\Progress\UI用于ASP。NET AJAX RX YYYY\皮肤到你的应用程序文件夹中。(如果您已经为ASP安装了Telerik®UI。NET AJAX从一个ZIP文件,该/皮/文件夹在ZIP归档根目录下。)您可以删除“Telerik”文件夹中任何不必要的CSS文件或文件夹。本例只需要ColorPicker文件夹和ColorPicker. telerik .css。
为你的皮肤取一个名字。我们将使用“MySkin”作为示例。
将“Telerik”文件夹重命名为“MySkin”。重命名是可选的,但这意味着皮肤是自定义皮肤。如果您打算将皮肤与同一页面上具有相同名称的嵌入式皮肤一起使用,则需要重命名皮肤。如果要重命名文件夹也可以重命名CSS文件,比如" colorpicker。myskin。CSS "
在所有皮肤中都使用类似的CSS选择器。命名约定为. rad [Control]_[Skin]。例如.RadSlider_Inox或.RadColorPicker_Telerik.如果你重命名一个现有的皮肤,你必须重命名CSS类名中的所有皮肤后缀.ClassName_Telerik—> .ClassName_MySkin.
在页面中注册CSS文件。看到皮肤登记主题获取更多详细信息。
设置皮肤属性的RadColorPicker到”MySkin”。然后设置EnableEmbeddedSkins财产假.
如果你不设置EnableEmbeddedSkins来假一个异常将抛出说RadColorPicker不能找到一个嵌入式皮肤命名为“MySkin”。有关更多信息,您可以查看皮肤的工作原理而且皮肤登记的话题。
修改CSS规则以匹配您的视觉需求。保存CSS文件。
运行项目。如果所有步骤都正确执行,RadColorPicker应该使用您新定义的皮肤。
创建一个自定义皮肤dll
截至2021年,SkinAssemblyBuilder已停止,不受支持。由于它过去工作于经典渲染模式皮肤,所以它不兼容的皮肤文件产生SASS ThemeBuilder for ASP。净AJAX应用程序。
要创建皮肤程序集,可以按照创建自定义皮肤程序集