Telerik Rad 使用 RadSkinManager 自定义主题

Question

我需要使用 Telerik Rad Controls for New Client 创建一个主题。我们有两种方法可以做到。

1. Create and Register Telerik Rad Control Custom skin manually

2. Create and Embed Telerik Rad Control Custom Skin into an Assembly

在我现有的应用程序中，我们几乎没有内置 Telerik 主题，它们使用 RadSkinManager 填充，如下所示。如何保留 RadSkinManager 下拉列表中的所有主题并添加客户正在寻找的新自定义主题？

<telerik:RadSkinManager ID="RadSkinManager" runat="server" ShowChooser="True" Visible="false" PersistenceMode="Session">
</telerik:RadSkinManager>

Answer 1

为了让您能够在 Telerik 主题旁边列出自定义主题，您需要按照以下步骤操作。

1. 使用Creating a Custom Skin 下列出的选项之一构建您的自定义主题。我利用Visual Style Builder 工具基于现有的 Telerik 主题创建了一个名为MetroRed 的主题并下载了主题文件。
2. 按照Create a Custom Skin dll from an Existing Custom Skin with Skin's Assembly Builder 中概述的步骤，使用您的自定义主题文件构建自定义皮肤dll 和Skin Assembly Builder
3. 在您的 ASP.NET 项目中添加对在上面第 2 步中创建的自定义皮肤 dll 的引用
4. 修改RadSkinManager声明如下

例如Default.aspx 显示 SkinChooser 下拉列表的位置。

<telerik:RadSkinManager ID="RadSkinManager" runat="server" ShowChooser="True">
    <Skins>
        <telerik:SkinReference Assembly="MetroRed" />
    </Skins>
</telerik:RadSkinManager>

5. 在SkinChooser 中显示自定义皮肤 - 在Default.aspx 页面的Init（后面的代码）中显式添加新皮肤，如下所示：

例如Default.aspx.cs

protected void Page_Init(object sender, EventArgs e)
{
    var skinCombo = RadSkinManager.GetSkinChooser();
    skinCombo.Items.Add(new RadComboBoxItem("Metro Red", "MetroRed"));
}

现在SkinChooser 将列出自定义皮肤“Metro Red”以及其他 Telerik 默认主题，最终用户将能够从列表中选择首选主题。

参考： Creating a Custom Skin, Telerik Forum question on Skin chooser, How to load skins from external assemblies - 查看 Tsvetoslav 上传的示例项目 RadCustomSkinSelected