CrystalReportViewer コントロールをカスタマイズするためのカスケード スタイル シート
Crystal Reports for Visual Studio では、“default.css”という名前のカスケード スタイル シート(CSS)を使って、CrystalReportViewer コントロールの外観をカスタマイズします。このスタイル シートは、ビューアの“css”という名前の仮想ディレクトリに格納されます。詳細については、「ビューアの仮想ディレクトリ」を参照してください。
CrystalReportViewer コントロールの CSS をカスタマイズする
スタイル シートには、CrystalReportViewer コントロールの CssFileName プロパティからアクセスします。このプロパティは、デザイン ビューで CrystalReportViewer コントロールを選択したときに、プロパティ ウィンドウに表示されます。
注 |
---|
Visual Studio 2005 以降(および ASP.NET バージョン 2.0)では、ビジュアル コントロールの外観と操作性は、Themes という新しいツールにより管理できます。Themes を CrystalReportViewer コントロールに適用して、ページ上の各コントロールや Web サイト全体のコントロールに一貫した外観を適用することができます。詳細については、「CrystalReportViewer コントロールの Themes」を参照してください。 |
- CrystalReportViewer コントロールと Crystal レポートを使って、Web サイトを作成します。
注 コーディングや減少したコードによるアプローチを使って、Web サイトを設定できます。コーディングによるアプローチについては、「プロジェクトの設定」を参照してください。減少したコードによるアプローチについては、「チュートリアル:スマート タスクを使用した Crystal Reports での減少したコードによる Web サイトの設定」を参照してください。
- 少なくとも 1 回はプロジェクトをコンパイルして実行し、デフォルトのスタイル設定による CrystalReportViewer コントロールを確認し、デバッグ モードを終了してください。
- デザイン ビューで、Default.aspx ページを開きます。
- CrystalReportViewer コントロールを 1 回クリックして選択します。
- プロパティ ウィンドウで、CssFileNameプロパティの“default.css”ファイルへのファイル ディレクトリ パスを探します。
- Windows エクスプローラでこのファイルを探し、Web サイト ディレクトリにコピーします。
- ファイルの名前を“custom.css”に変更します。
- Web サイト ディレクトリと“custom.css”ファイル名を示すように CssFileName プロパティを編集します。
- 再コンパイルを行い、CrystalReportViewer コントロールがローカル Web サイト ディレクトリの custom.css ファイルを認識していることを確認します。
- デバッグ モードを終了します。
- “custom.css”ファイルを開き、スタイル シートを編集します。
- 再コンパイルを行い、CrystalReportViewer コントロールに変更が適用されていることを確認します。