階層化

最終更新日: 2021年7月26日

準備

以下の例では、「顧客」モデルのダウンロード機能とアップロード更新機能を有効にしています。

ダウンロード、アップロード機能の設定

階層メニューの追加

  1. 階層メニューボタンを配置したいタブを選択しておきます。(ここでは「サービス」タブとします。)
    メニューの「ボタン設定」から「階層メニューボタン追加」をクリックします。
    階層メニューボタン追加
  2. 選択したタブ内に階層メニューのアイコンが用意されます。
    階層メニューが配置された
  3. ラベルの設定を行います。
    例として、ラベルを「外部入出力」とします。
    ラベルの設定は必須です。かつ、他と重複しない名前としてください。
    ラベル、文字色、背景色の設定
  4. ドラッグ&ドロップで、階層メニューボタンの位置を左端に変更します。
    階層メニューボタンのドラッグ
    階層メニューボタンのドロップ(位置の移動)
  5. 追加した「外部入出力」メニューのアイコンをダブルクリックします。
    これにより階層の中に移動します。
    階層メニューの中に入る
  6. 「顧客ダウンロード」と「顧客アップロード更新」ボタンをクリックして追加します。
    ダウンロードとアップロード更新のメニューボタンを追加する
  7. 「戻る」ボタンをダブルクリックすると、上の階層に戻ることができます。

    注意

    「戻る」ボタンのラベルや見た目を変更することはできません。
    文字色と背景色は、階層化メニューボタンと同じものとなります。

階層メニュー間でのメニューの移動

メニューボタンをドラッグしたまま階層メニューへマウスオーバーしたままにすると、この階層メニューが選択されます。

その後、階層メニュー内にメニューボタンを移動するとアイコンが緑に変わり、ドロップ可能となります。
このままメニューボタンをドロップすることでメニューをその階層に移動させることができます。

仕様・制約

  • 階層メニューボタンは入れ子にすることができます。
  • 階層メニュー設定時、「戻る」ボタンの色および位置を設定することはできません。
  • 階層メニューおよび、(階層下からの)戻るボタンクリックは、パンくずに記録されません。
  • 階層メニューの「ラベル」を空白にすることはできません。
  • 階層メニューの「ラベル」は、他のラベルと重複しないようにしてください。(重複した場合、一つにまとめられます。)
  • 階層内にメニューが一つも追加されていない状態で別の画面へ移動すると、階層メニューボタンの設定は保存されません。