バージョン

WebPageStyler コンポーネントを使用してアプリケーション スタイリングを有効にする

アプリケーション スタイリングを使用する間、以下のような疑問を持つかもしれません。「アプリケーション スタイリングを使用したい既存のプロジェクトがあるが、プロジェクト全体でアプリケーション スタイリングをオンにしたくない場合にはどうすればいいか?」このシナリオのソリューションが WebPageStyler コンポーネントです。このコンポーネントは、機能およびプロパティが極めてシンプルです。このコンポーネントは以下の 4 つのプロパティを持っています。

  • EnableAppStyling  — 現在の ASPX ページに限ってアプリケーション スタイリングを有効/無効にします。デフォルト値は NotSet です。

  • EnableViewState  — ページのポストバックで使用するために、このコンポーネントで ViewState を有効にします。デフォルト値は True です。

  • StyleSetName  — ASPX ページに使用されるスタイルセット名。

  • StyleSetPath  — スタイルセットへのパス。デフォルト値は Null です。

WebPageStyler コンポーネントを使用してアプリケーション スタイリングを有効にするには、次の手順に従ってください。

注: この手順は、ASPX ページがすでにページ上に WebGrid を持っており、データ バインドされていることを前提とします。

  1. ツールボックスから、WebPageStyler コンポーネントをフォームにドラッグします。コンポーネントにランタイム外観がないため、このコンポーネントの場所は重要ではありません。

  2. WebPageStyler コンポーネントの [プロパティ] ウィンドウで、EnableAppStyling プロパティを True に設定します。

  3. StyleSetName プロパティを選択します。ドロップダウン リストが表示して、インポートされたスタイルセットを示します。スタイルセットをインポートしていない場合には、ドロップダウン リストから [インポート] を選択するとダイアログ ボックスが開き、スタイルセットをインポートできます。スタイルセットがインポートされたら、ドロップダウン リストから選択することで、スタイルセットを指定します。

  4. これでアプリケーション スタイリングを使用するようにページが設定されました。ページを実行して、スタイルセットが有効であることを確認します。

注: デフォルトで、スタイルセットが ig_res というフォルダにインポートされます。またデフォルトで、このフォルダはプロジェクトで一部ではありませんが、[すべてのファイルを表示] を選択すると表示されます。フォルダを右クリックして [プロジェクトに含む] を選択し、フォルダとそのサブフォルダをプロジェクトに一部にすることができます。