Как повторно использовать стили CSS из Telerik RadControls для ASP.NET Ajax

Question

Telerik RadControls имеет встроенную поддержку скинов и использует CSS для стилизации всех своих элементов управления. Однако при подключении этих элементов управления к существующему веб-сайту, каков наилучший способ объединить стили существующего сайта с собственными стилями RadControls?

Обновление: Имеются следующие опции (спасибо Zhaph):

1. Добавить CSS RadControl на мой сайт
2. Сделать RadControls похожими на мой сайт
3. Добавление CSS-кода для моих сайтов в списки стилей RadControl

Какой будет лучший вариант?

Вариант 2 потребует, чтобы я поддерживал два набора стилей в будущем. Поэтому желательно вариант 1. Это позволит повторно использовать систему стилей RadControls по всему сайту, например, кнопки и простые элементы управления выглядят одинаково.

Обновление 2 (перенесено из моего ответа): В итоге я сделал комбинацию. Использование FormDecorator позволяет повторно использовать стили RadControls на моих собственных кнопках и входах. Кроме того, копирование скинов, предоставленных Telerik, в мою тему ASP.Net позволило настроить скины.

Answer 1

Я должен признать, что я не использовал RadControls в течение некоторого времени - мы использовали CMS RadEditor на нескольких сайтах CMS, и это могло автоматически выбирать ваши таблицы стилей и добавлять классы в их список, или вы можно добавить некоторые вручную.

Глядя, что документация, некоторые биты могут помочь:

1. Классы RadEditor CSS и их использование - Хотя обычно они добавляются автоматически элементами управления, как я думал?
2. Ссылка для 1. также говорит вам, как это сделать
3. Пара вариантов
   • Внешние файлы CSS , в котором говорится «По умолчанию RadEditor для ASP.NET AJAX использует классы CSS, доступные на текущей странице», но также показывает, как загрузить другие таблицы стилей.
   • Использование ToolsFile.xml - Прокрутите вниз до элемента .

Answer 2

Я просто хотел добавить; FormDecorator применяет CSS только к определенным типам элементов управления. Если у вас есть элемент управления, который не стилизован, вы можете получить доступ к ресурсам Telerik следующим образом:

Файл

.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, таким образом, что он все еще был бы динамичным и изменялся при любых изменениях скина.

Answer 3

В качестве обновления к этой теме теперь есть онлайн "Style Builder" для инструментов Telerik AJAX и MVC, который позволяет визуально настраивать / настраивать встроенные скины:

http://stylebuilder.telerik.com/

Этот инструмент избавляет от необходимости понимать определения классов CSS для каждого элемента управления и позволяет легко настроить одну из встроенных тем для более точного соответствия вашему сайту.