AppView for ASP.NET WebForms
カスタムテーマの使用
タスク別ヘルプ > テーマ > カスタムテーマの使用
jQuery Mobile Themerollerを使用すると、独自のテーマを直観的な方法で簡単にデザインできます。それには、カラーピッカーからスウォッチの目的のセクションまで色をドラッグするだけです。新しいテーマをダウンロードして保存したら、次の手順に従ってアプリケーションにテーマを適用します。
  1. ソリューションエクスプローラで、［すべてのファイルを表示］を選択して、アプリケーションの非表示ファイルを表示します。
  2. Content フォルダを見つけ、右クリックしてリストを表示します。［プロジェクトに追加］を選択します。
  3. Content フォルダを再度右クリックし、リストから［追加］→［既存の項目］を選択します。
  4. カスタムテーマを含むファイルを参照して選択し、縮小テーマファイルを選択します。［追加］をクリックして、ファイルをアプリケーションに追加します。
  5. アプリケーションの <head> </head> タグに次の参照を追加します。テーマ名は、独自のテーマに付けた名前を参照するように変更してください。
    ソースビュー
    コードのコピー
    <cc1:C1AppView ID="C1AppView1" runat="server" HeaderTitle="Wizard" Height="300px" >
                <Items>
                    <cc1:C1AppViewItem Text="Wizard Page" AppViewPageUrl="~/Wizard/Index.aspx"></cc1:C1AppViewItem>
                </Items>
            </cc1:C1AppView>
  6. アプリケーションで使用するスウォッチを選択し、ThemeSwatch プロパティを設定します。マークアップは次のようになります。
    ソースビュー
    コードのコピー
    <cc1:C1AppView ID="C1AppView1" runat="server" HeaderTitle="Wizard" Height="300px" >
                <Items>
                    <cc1:C1AppViewItem Text="Wizard Page" AppViewPageUrl="~/Wizard/Index.aspx"></cc1:C1AppViewItem>
                </Items>
            </cc1:C1AppView>
  7. ［F5］キーを押すか、デバッグを開始して、アプリケーションを実行します。カスタムテーマがアプリケーションに適用されたことを確認します。

 

 

Copyright © GrapeCity, Inc. All rights reserved.