Telerik RadControls for ASP.NET AjaxのCSSスタイルを再利用する方法
質問
Telerik RadControlsにはスキニングのサポートが組み込まれており、CSSを使用してすべてのコントロールのスタイルを設定します。ただし、これらのコントロールを既存のWebサイトにプラグインする場合、既存のサイトのスタイルをRadControls独自のスタイルとマージする最良の方法は何ですか?
更新:次のオプションを指定します(Zhaphに感謝):
- RadControlのCSSを自分のサイトに追加する
- RadControlsを私のサイトのように見せます
- サイトのCSS選択をRadControlスタイルリストに追加する
最良の選択肢は何でしょうか?
オプション2では、今後2セットのスタイルを維持する必要があります。 そのため、オプション1を使用することをお勧めします。ボタンとシンプルなコントロールは同じように見えます。
更新2(回答から移動): 私は最終的に組み合わせをしました。 FormDecorator を使用すると、独自のボタンでRadControlsスタイルを再利用できます。入力。また、Telerikが提供するスキンをASP.Netテーマにコピーすると、スキンのカスタマイズが可能になりました。
解決
認めなければならない、私はしばらくの間RadControlsを使用していません-私たちはいくつかのCMSサイトでCMS RadEditorを使用しました、そしてそれはあなたのスタイルシートを自動的にピックアップし、そのリストにクラスを追加できました手動で追加できます。
ドキュメントを見て、いくつかのビットが役立つかもしれません:
- RadEditor CSSクラスとその使用-通常、これらは私が考えていたコントロールによって自動的に追加されますか?
- 1のリンクには、これを行う方法も記載されています
- いくつかのオプション
- 外部CSSファイル。<!> quot;デフォルトでは、RadEditor for ASP.NET AJAXは現在のページ<!> quot;で利用可能なCSSクラスを使用しますが、他のスタイルシートを読み込む方法も示します。
- ToolsFile.xmlの使用-< !> lt; class <!> gt;要素。
他のヒント
追加したいだけです。 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以外のコントロールに適用し、動的であり、スキンの変更に応じて変化する方法に非常に役立つことがわかりました。
このスレッドの更新として、オンラインの<!> quot; Style Builder <!> quot;があります。組み込みスキンの視覚的な構成/カスタマイズを可能にするTelerik AJAXおよびMVCツールの場合:
http://stylebuilder.telerik.com/
このツールを使用すると、各コントロールのCSSクラス定義を理解する必要がなくなり、組み込みテーマの1つを簡単にカスタマイズしてサイトに合わせやすくなります。