ボタン設定12345次へタブ内のメニューデザイン方法を説明します。「メニュー」設計画面から「ボタン設計」を開きます。追加できるボタンが、モデル毎に用意されています。ここでは顧客モデルの新規登録ボタンを追加してみます。新規登録ボタンを追加するボタンが追加されます。ボタンが追加された詳細、更新、削除のボタンは追加できません。必要なため、別画面から遷移させることになります。移動ドラッグ&ドロップでメニューの位置を変更することができます。顧客新規登録を先頭に移動タブ間の移動あるタブに設定しているメニューを、他のタブに移動する場合は、一旦削除してから他のタブにメニューを追加する操作を行ってください。背景色はじめに、変更したいメニューボタンを選択します。(選択されたメニューの背景が青くなっています。)次にボタン設定内の「ラベル・色設定」を開きます。ここで「背景色」を開き、色を選択します。始まる16進数の色を直接、指定することもできます。文字色ボタン設定内の「ラベル・色設定」から「文字色」を開きます。始まる16進数の色を直接、指定することもできます。文字の変更ボタン設定内の「ラベル・色設定」から「ラベル」を開きます。文字を入力して「更新」ボタンを押下します。文言が変更された改行を含めるラベルに改行を含めることもできます。「戻る」ボタンの文言を変更することはできません。アイコンの変更8.1.0アイコンクラスを指定することで、メニューのアイコンを変更することができます。ブラウザで文字と同じように表示できるアイコン)を利用しています。サイト(画像は2018年8月時点のもの。表示内容は変わっている可能性があります。)ここでは適当なアイコンを選択してみます。はじまる指定方法が明記されています。この文字列をコピーします。アイコンクラスに上の文字列をはりつけて、更新ボタンを押下します。するとアイコンが変わります。アイコンを変更するツールチップツールチップとは、メニューにカーソルをのせると、説明文字を表示させる機能です。画像を指定するメニューのアイコンを指定することができます。準備customizeフォルダ内のwebappフォルダに「img」という名前のフォルダを用意します。そこに表示したい画像ファイルをコピーしてください。いうファイルを用意しています。フォルダにはシステムが標準で提供する画像も含まれます。ファイル名が重複しないように配慮してファイル名を決めてください。上記に用意したファイル名を指定します。フォルダから始まるようにします。メニュー設定画面ではアイコンは表示されません。ビルド後のアプリケーションで確認するようにしてください。指定することで、アイコンの表示サイズを変更することができます。「戻る」ボタンに画像を設定することはできません。(「戻る」ボタンは文言を変更することもできません。)プロパティ「プロパティ」欄で、どのモデルについてのメニューかを確認することができます。削除メニューボタンの右上にある「×」アイコンをクリックするとメニューを削除することができます。図20のように確認ダイアログが開きます。メニュー削除の確認ダイアログで「OK」ボタンを押下すると、メニューが削除されます。メニューが削除された削除されたメニューを復活させるメニューを再び追加することで、削除されたメニューを復活させることができます。実行イメージを図17に示します。作成する設定を行なっている場合に、標準のタブとして追加されます。トラブルシューティング設定したメニューがアプリケーションに反映されない設定を変更したときは「更新」ボタンを押下してください。このボタンを押さないと、設定は反映されません。更新ボタンメニューの設定情報の保存は、メニュー設計画面から(モデル等の)他の画面へ移動した際に行なわれます。いう表示が行なわれます。メニュー情報が多い場合、この反映処理には十数秒以上の時間を要することがあります。メニュー設定後、ビルド画面を表示して「ビルド実行」ボタンが押下可能になっていれば反映処理は完了しています。設定したメニューがアプリケーションで表示されない表示されないモデルの「権限」が空になっているか、あるいはメニュー権限が無効となっている可能性があります。メニューの制御"をお読みください。