Accordion for ASP.NET Web Forms
カスタムテーマの追加
タスク別ヘルプ > カスタムテーマの追加

Accordion for ASP.NET Web Forms には６種類の組み込みテーマが用意されていますが、異なるテーマを使用したい場合は、CDN URL を使用して既存のテーマを選択するか、jQuery ThemeRoller Web アプリケーションを使用して独自のカスタムテーマを作成することができます。

CDN URL の使用

  1. C1Accordion スマートタグをクリックして、［C1Accordion タスク］メニューを開きます。
  2. ［CDN の使用］を選択します。
  3. Theme プロパティに CDN URL を入力してテーマを指定します。CDN URL は http://blog.jqueryui.com/2011/06/jquery-ui-1-8-14/ で確認できます。この例では、次の Sunny テーマを使用します。 http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.14/themes/sunny/jquery-ui.css.

    このテーマ設定は Web.config ファイルの <appSettings> に格納されています。ソリューションエクスプローラで、Web.config ファイルをダブルクリックします。<appSettings> タグに WijmoTheme キーと値が含まれていることに注意してください。これは、追加した CDN URL が指定されている場所です。

  4. プロジェクトを実行し、テーマが C1Accordion に適用されていることを確認してください。

jQuery ThemeRoller の使用

  1. http://jqueryui.com/themeroller/に移動します。
  2. 「Roll Your Own」タブで、設定を変更してカスタムテーマを作成します。フォント、色、背景、枠線などをカスタマイズできます。または、「Gallery」タブをクリックして既存のテーマを選択します。
  3. 〈Download〉ボタンをクリックし、Build Your Download ページでもう一度〈Download〉をクリックします。
  4. テーマの .zip ファイルを Visual Studio プロジェクトフォルダ内のフォルダに保存し、解凍します。この例では、Themes フォルダを作成しました。
  5. ソリューションエクスプローラで、プロジェクト名を選択して〈更新〉ボタンをクリックすると、プロジェクト内に Themes フォルダが表示されます。
  6. C1Accordion スマートタグをクリックして、［タスク］メニューを開きます。
  7. ［CDN の使用］を選択します。
  8. C1Accordion コントロールを右クリックして、プロパティウィンドウの Theme プロパティに移動し、カスタムテーマ .css へのパス（たとえば、Themes/css/custom-theme/jquery-ui-1.8.22.custom.css）を入力します。
    このテーマ設定は Web.config ファイルの <appSettings> に格納されています。ソリューションエクスプローラで、Web.config ファイルをダブルクリックします。 <appSettings> タグに WijmoTheme キーと値が含まれていることに注意してください。これは、追加したカスタムテーマが指定されている場所です。
  9. プロジェクトを実行し、テーマが C1Accordion に適用されていることを確認してください。

 

 

Copyright © GrapeCity, Inc. All rights reserved.