ActiveReportsのWebデザイナは、HTML5／JSテクノロジースタックに基づいて設計されたデザイナです。高性能でありながら直観的なユーザーインタフェースを備えており、ユーザーはブラウザ上でレポートの作成・編集が可能になります。

ヘッダをドラッグしてすべてのダイアログを移動したり、式エディタやTablixウィザードなどの端をドラッグしてサイズを変更したりできます。

Webデザイナインタフェースの要素

デザイナ面では、様々なレポートコントロールをドラッグ&ドロップして、レポートをデザインできます。デザイナ面は、［ホーム］タブと［レポート］タブで表示されます。Webデザイナインタフェースの要素については、以下の項目をご覧ください。

• リボン：リボンには、以下のボタンおよびタブが並んでいます。
  • メニュー： レポートを作成するためにエクスプローラ、グループエディタ、および様々なレポートコントロールが含まれています。
    • エクスプローラ： デザイナ面で使用されたレポートアイテムの階層を示します。現在選択されているアイテムを表示し、他のレポートアイテムを選択することもできます。
    • グループエディタ： デザイナ面で現在選択されているTablixデータ領域のグループメンバーの行グループ階層と列グループ階層を表示します。
  • 元に戻す／やり直し： デザイナ上の操作を元に戻すまたはやり直します。
  • 保存／名前を付けて保存： レポートを保存します。
  • プレビュー： レポートをプレビューします。
  • ファイル： レポートを作成、開く、または保存するためのオプションが含まれます。また、［製品情報］にバージョン情報および[ヘルプ]にオンラインヘルプのリンクも含まれます。
  • ホーム： 切り取り、コピー、貼り付け、削除などの編集オプションが含まれています。また、フォント名、サイズ、文字色、テキストの左揃え、中央揃え、右揃え、両端揃えにするオプションも提供されています。
  • レポート： ページの挿入、削除、移動（ページレポートのみ）、ヘッダとフッタの追加または削除（RDLレポートのみ）、およびテーマの切り替えなどのオプションが含まれます。
  • パラメータ：カスタムパラメータパネルを設計するためのデザイン領域が含まれます。パネルを作成するコントロールには、テキスト、ラベル、既定値などのデフォルトのプロパティがあります。
  • プロパティ： 選択したレポート要素のプロパティを表示します。複数の要素を選択する場合は、共通のプロパティのみが表示されます。
  • データ： レポートデータセットとパラメータを管理するためのオプションが含まれます。現在の日付と時刻、ページ番号、総ページなどの共通の値も表示されます。
    
• グリッド： グリッドを表示または非表示にします。グリッドは、コントロールを正確に配置するのに役立ちます。
  
• デザイナ設定ボタン： デザイナ面の外観と動作を変更するためのオプションを提供します。
  • グリッドの幅：グリッドの幅をin（インチ）またはcm（センチ）単位で指定することができます。
  • グリッドにスナップ／ガイドにスナップ： ［グリッドにスナップ］を有効にすると、選択したコントロールは設定された場所でグリッドにスナップします。［ガイドにスナップ］を有効にすると、選択したコントロールは他のコントロールの位置を基準とする相対的な垂直線や水平線にスナップします。この機能は、コントロールを一定間隔で配置するのに役立ちます。
  • ルーラー：ルーラーを有効にすると、ルーラーのマーカーをドラッグしてページの余白を変更できます。デフォルトでは、無効になっています。
    
• ズーム機能： ［+］ボタンおよび［-］ボタンを使用して、デザイナ面を拡大／縮小することができます。また、ショートカットキー［Ctrl］+［+］を押して拡大、および［Ctrl］+［-］を押して縮小することができます。
  
• 寸法の単位： レポートのルーラの単位をインチまたはセンチに切り替えられます。
• プロパティモード： ［プロパティ］タブの表示形式を［詳細プロパティを表示］、［基本プロパティを表示］から選択することができます。［詳細プロパティを表示］では、選択したレポート要素で設定可能なプロパティを全て表示します。［基本プロパティを表示］では、設定可能なプロパティを一部簡略化して表示します。