ボタン設定

追加

ドラッグ&ドロップでメニューの位置を変更することができます。

ドラッグ時、図のようにマウスオーバーしたアイコンの上部に青い線が入っている場合はそのアイコンの左隣に配置されます。
下部に線が入っている場合は右隣に配置されます。

あるタブに設定しているメニューを、他のタブに移動する場合は、一旦削除してから他のタブにメニューを追加する操作を行ってください。

ボタン設定内の「ラベル・色設定」から「ラベル」を開き、任意の文字を入力して「更新」ボタンをクリックします。

ラベルに改行を含めることもできます。

アイコンクラスを指定することで、メニューのアイコンを変更することができます。
Wagbyのメニューアイコンは Font Awesome サイトが提供する Web アイコンフォント（Web ブラウザで文字と同じように表示できるアイコン）を利用しています。

「FontAwesomeアイコンを表示」ボタンを押下すると、別タブで Font Awesome のサイトが開きます。

FontAwesomeサイト（画像は2021年7月時点のもの）
アイコンを探して選択します。

アイコンを一つ選択する
指定方法が明記されています。class=”XXXX”のXXXX部の文字列をコピーします。

class指定をコピーする
Wagby Designer に戻ります。
アイコンクラスにコピーした文字列をペーストし、更新ボタンを押下します。
すると、アイコンが変わります。

アイコンを変更する

「FontAwesomeアイコンを表示」ボタンで表示されるアイコンギャラリーは、Free 版のアイコンとなっています。自由に利用可能です。（カテゴリーで "Pro Only" を選択するとアイコンがグレーアウトされて表示されますが、こちらは有料版のアイコンとなっています。）
Font Awesome のアイコンは Web フォントであるため（画像ファイルと異なり）解像度という概念はありません。
アイコンサイズは内部で3倍サイズを意味する "fa-3x" が設定されます。現在の Wagby のメニューに最適化しているため、この指定を変更することはできません。

ツールチップとは、メニューにカーソルをのせると、説明文字を表示させる機能です。

「プロパティ」欄では、選択したメニューのモデルとボタンの種別を確認することができます。

削除したメニューは再び追加できます。

設定を変更したときは「更新」ボタンをクリックしてください。このボタンを押さないと、設定は反映されません。
（文字色など「更新」ボタンが無い設定に関しては入力のみで保存されます）

更新ボタン
設定情報の保存は、メニュー画面から他の画面へ移動した際に行われます。
この時「メニュー」へマウスポインタを重ねると "メニューデータ送信中" という表示が行なわれます。
メニュー情報が多い場合、この反映処理には十数秒以上の時間を要することがあります。
メニュー設定後、ビルド画面を表示して「ビルド実行」ボタンがクリック可能になっていれば反映処理は完了しています。

表示されないモデルの「権限」が空になっているか、あるいはメニュー権限が無効となっている可能性があります。
「認証・認可 > モデル単位の制御 > メニューの制御」をお読みください。