web-dev-qa-db-ja.com

タブ付きナビゲーションがネストされすぎている

入れ子になっている「タブ」は好きではありませんが、管理タブには3つのタブが含まれているため、そこに配置する必要があります。垂直schoolclasses/weightedtests/weightedsubjectsタブボタンバーについても考えましたが、水平方向に必要なスペースを取りすぎてしまいます。

誰かがユーザーフレンドリーなレイアウトやコンポーネントを知っているので、このネストされたschoolclasses/weightedtests/weightedsubjectsレベルをよりよく表示できますか?アーキテクチャ的には、これらの要素を入れ子にするのが正しいからです。私はそれをもっとフラット/再配置してもらいたいだけです。それとも私がそれをノーゴだと思うのは私だけですか?

enter image description here

4
Pascal

代わりに、左側に沿った階層またはツリー編成についてはどうですか? Tree example

あなたの場合、トップレベルの要素は「管理者」、「テスト」、「レポート」です。

3
J. Dimeo

別のページでプロジェクトを選択すると、複雑さを軽減できます(下の画像のドロップダウン内にプロジェクトを配置することもできます)。ドロップダウンなどの異なる要素の下に第2レベルを含める。現在のボタンはタブと同じに見えるので、異なるスタイルを設定します。 [編集]ボタンの背後にある編集可能なセクションを非表示にします。

enter image description here

0
Alvaro