デザイナアプリの使用

ActiveReportsJSではデザイナアプリを使用して、エンドユーザーの様々な要望に応じて変更される帳票を作成できます。このトピックは、本製品のデザイナアプリの使用方法について説明します。

デザイナアプリを起動する

デザイナアプリのインストールされる場所はOSによって異なります。Windowsの場合、スタートメニューのGrapeCityフォルダ内にActiveReportsJS Designerのショートカットがあります。macOSの場合は、アプリケーションフォルダにあります。デザイナアプリを起動した場合、デフォルトで空白のレポートが表示されます。

サンプルレポートを作成する

クイックスタートで使用するサンプルレポートを作成します。サンプルレポートを作成するため、事前にデザイナアプリがインストールされている必要があります。

1. 事前にインストールしたデザイナアプリを起動します。

2. 余白部分をクリックしてレポートオブジェクトのプロパティを表示し、以下の値を設定します。 | セクション名 | プロパティ名 | プロパティの値 | | ------------ | ------------ | -------------- | | 余白 | スタイル | なし | | サイズ | 用紙サイズ | A4 |

3. ツールボックスよりTextboxをドラック＆ドロップしてデザイン面に配置します。

4. 配置したTextboxクリックしてTextboxオブジェクトのプロパティを表示し、以下の値を設定します。 | セクション名 | プロパティ名 | プロパティの値 | | ------------ | ------------ | -------------- | | 共通 | 値 | Hello, ActiveReportsJS! | | テキスト | サイズ | 36pt | | 位置とサイズ | 幅 | 15cm | | | 高さ | 5cm |

5. デザイナ上部にある保存アイコンをクリックして、作成したレポートを名前を付けて保存します。ここではファイル名を「quick-start-sample」として保存します。