メニュー

最終更新日: 2021年8月12日
R8 | R9

はじめに

メニューの設計は専用の「メニュー」タブ内で行います。

図1 メニュー設定画面

内容

(1) ボタン設定
タブ内のメニューデザイン方法を説明します。
(2) 階層化
メニューを階層構造にする方法を説明します。
(3) タブの管理
メニューのタブを追加および並び替える方法を説明します。
(4) 外部サイトへのリンク
メニューに(Wagby以外の)外部サイトへのリンクを用意することができます。
(5) 同じモデルのメニューボタンを異なるタブに重複して配置する
外部リンク機能を応用することで、同じメニューボタンを二つ以上配置する方法を説明します。

関連するページ

サブメニューをツリービュー形式で表示する

"環境 > プレファレンス > サブメニュー"をお読みください。

権限によってメニューの表示内容を変更する

"認証・認可 > モデル単位の制御 > メニューの制御"をお読みください。

ログオン後、メニュー表示をスキップして特定の画面を開くようにする

forwardUrl パラメータを使います。"Appendix > 外部システムから直接、Wagby の任意の画面を開く > URLを指定する"をお読みください。

Designerの動作に関する詳細

  • メニューのリポジトリ情報は、メニュー画面表示時に取得されます。
  • メニューの変更は、メニュータブで操作を行なっているときではなく、モデル一覧などの他の画面を開いたときにサーバに送信され、書き込み（更新）されます。すなわちメニューアイコンの配置やタブの追加、削除を行なったときはメニュー情報はまだ更新されていません。

トラブルシューティング

メニューのアイコンが表示されない

次の点を確認してください。

特定のPC環境でのみアイコンが表示されない

FontAwesome のアイコンは css/all.min.css というファイルに含まれています。このファイルが読み込めないとアイコンは表示されません。

Google Chrome での確認方法

1. Chrome のデベロッパーツールを開きます。
2. システム管理者でアプリケーションにログオンします。
3. ブラウザの画面内でマウスの右ボタンを押下し、メニューから「検証」を選択します。
4. デベロッパーツールの "Network" タブを選択します。
5. "Filter" 入力欄に "all.min.css" と入力します。
6. ブラウザをリロードします。

Networkタブの一覧表示が次のように Status=200 となっていれば、ファイルは正常に読み込まれています。 

Name         Status  Type        Initiator                     Size
all.min.css  200     stylesheet  mainMenu.do?redirectId=Jy...   59.4 kB

200以外の場合、通信に問題が生じています。ファイアウォールやウィルスチェックソフトがブロックしていないかなどを調べてください。