2009-09-12 10 views
5

Telerik RadControlsにはスキニングのサポートが組み込まれており、CSSを使用してすべてのコントロールをスタイルします。ただし、これらのコントロールを既存のWebサイトにプラグインすると、既存のサイトのスタイルとRadControlsのスタイルをマージする最適な方法は何ですか?Telerik RadControlsのCSSスタイルをASP.NET Ajaxに再利用する方法

アップデート:以下のオプションが与えられ(Zhaphのおかげで):

  1. RadControlsは
  2. は私のサイトのCSSの選択を追加し、より自分のサイトのように見えるしてください私のサイトにRadControlのCSSを追加します。 RadControlスタイルリストへ

どのようなオプションが最適でしょうか?

オプション2では、今後2つのスタイルセットを維持する必要があります。 RadControlsスタイルシステムのサイト全体への再利用が可能になります。ボタンと簡単なコントロールが同じように見えるようにする。

更新2(私の答えから移動): 私は組み合わせをやってしまった。 the FormDecoratorを使用すると、自分のボタンと入力にRadControlsスタイルを再利用できます。また、Telerikが提供するスキンをASP.Netテーマにコピーすると、スキンのカスタマイズが可能になりました。

+0

RadControlのCSSをサイトに追加する方法、またはRadControlsをサイトのように見せる方法、またはサイトCSSセレクションをRadControlスタイルリストに追加する方法を意味しますか? –

+0

どちらか一番簡単です。私はRCが私のサイトのように見えるようにすることができますが、その後私は2つのスタイルのセットを維持しなければならないことを知っています。 –

答えて

2

私はいくつかの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 - < class>まで下にスクロールします。このスレッドへのアップデートとして
+0

ありがとう!私はこれらを掘り下げよう! –

0

、オンライン「スタイル・ビルダーは、」ビルトインスキンの視覚的な設定/カスタマイズを可能にTelerikのAJAXとMVCツールのために今そこにある:

http://stylebuilder.telerik.com/

このツールを使用すると、各コントロールのCSSクラス定義を理解する必要がなくなり、ビルトインテーマの1つを簡単にカスタマイズしてサイトに適合させることができます。

+0

質問に対する回答ではありません – Samuel

1

追加したかっただけです。 FormDecoratorは特定の種類のコントロールにのみCSSを適用します。あなたは、このようTelerikリソースにアクセスすることができますスタイルされていないコントロールを持っている場合:

は.csファイル - 次のようにパブリックプロパティを持っている:

(RadCodeBlock中)aspxページで
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; 
    } 
} 

} 

ちょうどそのプロパティから読み取るために内部スタイルシートを持っている:

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

私はまだ動的なものと任意の皮膚の変化で変化するであろうように、非TelerikコントロールにTelerikスキンを適用するため、これは非常に有用であることが判明。

関連する問題