サポート > Wagby Developer Network > 見栄えのカスタマイズ > メニュー

Wagby が扱うメニュー情報は menu.xml ファイルに保存されています。

menu.xml

データベースのメニュー情報は、 $(DEVHOME)\env\work\srcgen\webpage\WEB-INF\menu.xml に保存されています。 以下に例を示します。

<?xml version="1.0" encoding="UTF-8" ?>
<menubar>
  <menu>
    <title>__jfc_menutitle</title>
    <item desc="__jfc_menu.showListStaff" name="showListStaff"
          order="1" color="#CCFFCC">
      <permission name="staff">
        <action>menu</action>
      </permission>
    </item>
  ...
</menubar>
menubar 要素, menu 要素
  • menubar 要素がこの menu.xml のルート要素です。
  • menubar 要素内の menu 要素はメニューの大項目を表します。
  • menu 要素内の menu 要素はメニューの中項目、小項目を表します。
  • menu 要素内の title 要素は項目のタイトルを表します。
  • menu 要素内の item 要素は画面へのリンクを表します。
  • 「__jfc_」という接頭語で開始される文字列は、リソースキーになっています。これは国際化対応のためです。、ここに指定された名前を jfcapp.properties から探します。
item 要素

このファイルを直接、編集する場合は $(DEVHOME)\customize\webpage\WEB-INF フォルダに保存してください。

Wagby 定義ファイルにモデルを追加(または削除)した場合、自動生成されるメニュー情報も更新されます。 従って menu.xml をカスタマイズした場合は、常に手動でメンテナンスを行う必要があります。ご注意ください。

タブ付きアイコンメニューにおける配色ルール

タブ付きアイコン型メニュー」は、Wagby 定義ファイルで指定した色情報を、以下の 12 色に変換して表示します。

  • purple
  • plum
  • blue
  • lightblue
  • brown
  • green
  • lightgreen
  • orange
  • yellow
  • pink
  • red
  • gray

詳細な変換ルールは、$(DEVHOME)\env\webpage\system\displayMenubar_12colors.jsp に記載しています。 なお、変換できなかった場合の標準は "lightgreen" となっています。

タブ付きアイコンメニューにおける CSS ファイル

画像の指定や大きさを記述した CSS ファイルは $(DEVHOME)\env\webpage\css\menu_style.css となっています。