5.3.1 カスタムUIの画面とアプリパーツについて

「設定」タブと「レイアウト」タブの2つをそれぞれ設定して、カスタマイズします。

設定タブ

「設定」タブでは、アプリ名やアプリパーツを配置するフォームサイズを設定します。

項目 説明
アプリ名

帳票アプリの名称を入力する
20⽂字まで⼊⼒可能
アプリ名は重複して登録できない

アイコンを選択 4種類のアイコンから使用するアイコンを選択する
カラー 帳票アプリ内のヘッダーなどのカラーを選択する
フォームサイズ(高さ)

ページの高さを設定する
最大9999px(ピクセル)まで設定できる
初期値900px

フォームサイズ(幅)

ページの幅を設定する
最大9999px(ピクセル)まで設定できる
初期値1600px

レイアウトタブ

「レイアウト」タブでは、帳票フォームの設定をカスタマイズします。

番号 項目 説明
アプリパーツ

元の帳票アプリに設定されているアプリパーツが表示される
表示されたアプリパーツを、ページにドラッグアンドドロップして配置できる
フォームに配置すると、表示から削除される

選択ボタン

カスタマイズの設定で配置できる部品
ここでは「カスタムUI専用部品」と記載する
ページにドラッグアンドドロップすると、まず設定画面が表示される
設定画面で設定すると配置できる
それぞれのカスタムUI専用部品と設定画面の説明は、下記を参照

画像パネル
ラベル
仮登録

カスタマイズの設定で配置できる部品
ここでは「ボタン」と記載する
ページにドラッグアンドドロップして配置できる

項目 説明
仮登録 仮登録するボタンを配置できる
登録 登録するボタンを配置できる
前ページ

登録画面で前のページに移動するボタンを配置できる

[+]をクリックしてページを追加すると、表示される

次ページ

登録画面で次のページに移動するボタンを配置できる

[←]をクリックして前のページに移動すると、表示される

登録
前ページ
次ページ

アプリパーツ、カスタムUI専用部品、ボタンの表示を編集できる
アプリパーツ、カスタムUI専用部品、ボタンをページに配置したり、選択したりすると表示される

項目 説明
位置X 横方向の配置位置を設定できる
位置Y 縦方向の配置位置を設定できる
横幅を設定する
表示倍率 表示する倍率を設定する

アプリパーツ、カスタムUI専用部品、ボタンの配置を中止できる
アプリパーツ、カスタムUI専用部品、ボタンをページに配置したり、選択したりすると表示される

カスタムする画面を操作できる

項目 説明

前のページに移動できる

次のページに移動できる
帳票フォームにページを追加できる
表示されているページを削除できる


選択ボタン

アプリパーツの「選択」で設定した選択肢をボタンの表示に変更できます。

項目 説明
位置X 選択ボタンの横方向の配置位置を設定できる
位置Y 選択ボタンの縦方向の配置位置を設定できる
選択ボタンの横幅を設定する
表示倍率 選択ボタンを表示する倍率を設定する
選択カラム 選択ボタンで表示するカラムを選択する
ボタン数(縦) 縦に並べる選択ボタンの数を設定する
ボタン数(横) 横に並べる選択ボタンの数を設定する
画像パネル

帳票フォームに画像を表示できます。jpeg、jpg、png形式のファイルのみアップロードできます。

項目 説明
位置X 画像パネルの横方向の配置位置を設定できる
位置Y 画像パネルの縦方向の配置位置を設定できる
表示倍率 画像パネルを表示する倍率を設定する
画像

帳票フォームに表示する画像ファイルを設定する

[アップロード]からファイルを選択する

ラベル

帳票フォームに項目タイトルを挿入できます。項目タイトルの文字の大きさや色を変更することもできます。

項目 説明
位置X ラベルの横方向の配置位置を設定できる
位置Y ラベルの縦方向の配置位置を設定できる
文字サイズ ラベルの文字サイズを設定する
文字色 ラベルの文字の色を設定する
ラベル ラベルとして表示する内容を設定する