Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Aura - Panel
tab1
styles{"body":{"text":{"color":"#465671","textAlign":"left","fontWeight":"normal","fontSize":14}},"header":{"backgroundColor":{"color":"#0149b0"},"icon":{"size":26,"name":"faInfoCircle","color":"#fff"}},"headline":{"text":{"text":"Information","color":"#fff","textAlign":"left","fontWeight":"normal","fontSize":18},"alignment":{"horizontal":"start"}},"base":{"backgroundColor":{"color":"#ffffff"},"border":{"color":"#0049b0","style":"solid","width":1,"bottom":true,"top":false,"left":true,"right":true},"borderRadius":{"radius":4},"boxShadow":{"shadows":[{"color":"rgba(0, 0, 0, 0.08)","x":0,"y":1,"blur":1,"spread":0},{"color":"rgba(0, 0, 0, 0.16)","x":0,"y":1,"blur":3,"spread":1}]}}}
body

An vielen Stellen in der Anwendungen wird mit Navigationsleisten gearbeitet, sogenannten "breadcrumbs".

Wie funktionieren die Navigationsleisten?

  • Durch Klick auf einen Eintrag in dieser Leiste können Sie sich schnell in einen anderen Bereich bewegen.
  • Sie sehen jederzeit, wo Sie sich gerade befinden.

Beispiel in der "Administration"


Bei Aufruf der Administration aus dem Menü werden direkt die Daten zu dem ausgewählten Betrieb angezeigt. Die Navigationsleiste sieht aus, wie in der obigen Abbildung.

Durch Klick auf die Leiste können Sie auf die höheren Ebenen wechseln:

  • Klick auf
Betriebe → Anzeige der Betriebsliste

Administration → Anzeige einer zusammenfassenden Sicht

Aura - Panel
tab1
styles{"body":{"text":{"color":"#465671","textAlign":"left","fontWeight":"normal","fontSize":14}},"header":{"backgroundColor":{"color":"#afca0b"},"icon":{"size":18,"name":"faLightbulb","color":"#fff"}},"headline":{"text":{"text":"Wissenswert","color":"#fff","textAlign":"left","fontWeight":"normal","fontSize":18},"alignment":{"horizontal":"start"}},"base":{"backgroundColor":{"color":"#ffffff"},"border":{"color":"#afca0b","style":"solid","width":1,"bottom":true,"top":false,"left":true,"right":true},"borderRadius":{"radius":4},"boxShadow":{"shadows":[{"color":"rgba(0, 0, 0, 0.08)","x":0,"y":1,"blur":1,"spread":0},{"color":"rgba(0, 0, 0, 0.16)","x":0,"y":1,"blur":3,"spread":1}]}}}
body

Hier kann etwas wissenswertes stehen.

Aura - Panel
tab1
styles{"body":{"text":{"color":"#465671","textAlign":"left","fontWeight":"normal","fontSize":14}},"header":{"backgroundColor":{"color":"#00b1eb"},"icon":{"size":18,"name":"faListUl","color":"#fff"}},"headline":{"text":{"text":"Hier kommt der Text vor den \":\" der Aufzählung hin","color":"#fff","textAlign":"left","fontWeight":"normal","fontSize":18},"alignment":{"horizontal":"start"}},"base":{"backgroundColor":{"color":"#ffffff"},"border":{"color":"#00b1eb","style":"solid","width":1,"bottom":true,"top":false,"left":true,"right":true},"borderRadius":{"radius":4},"boxShadow":{"shadows":[{"color":"rgba(0, 0, 0, 0.08)","x":0,"y":1,"blur":1,"spread":0},{"color":"rgba(0, 0, 0, 0.16)","x":0,"y":1,"blur":3,"spread":1}]}}}
body
  • Text 
  • Text
  • Text
Aura - Panel
tab1
styles{"body":{"text":{"color":"#465671","textAlign":"left","fontWeight":"normal","fontSize":14}},"header":{"backgroundColor":{"color":"#f39200"},"icon":{"size":18,"name":"faCog","color":"#fff"}},"headline":{"text":{"text":"Einstellungen vornehmen","color":"#fff","textAlign":"left","fontWeight":"normal","fontSize":18},"alignment":{"horizontal":"start"}},"base":{"backgroundColor":{"color":"#ffffff"},"border":{"color":"#f39200","style":"solid","width":1,"bottom":true,"top":false,"left":true,"right":true},"borderRadius":{"radius":4},"boxShadow":{"shadows":[{"color":"rgba(0, 0, 0, 0.08)","x":0,"y":1,"blur":1,"spread":0},{"color":"rgba(0, 0, 0, 0.16)","x":0,"y":1,"blur":3,"spread":1}]}}}
body
Aura - Panel
tab1
styles{"body":{"text":{"color":"#465671","textAlign":"left","fontWeight":"normal","fontSize":14}},"header":{"backgroundColor":{"color":"#b81178"},"icon":{"size":18,"name":"faPaperPlane","color":"#fff"}},"headline":{"text":{"text":"E-Mail","color":"#fff","textAlign":"left","fontWeight":"normal","fontSize":18},"alignment":{"horizontal":"start"}},"base":{"backgroundColor":{"color":"#ffffff"},"border":{"color":"#b81178","style":"solid","width":1,"bottom":true,"top":false,"left":true,"right":true},"borderRadius":{"radius":4},"boxShadow":{"shadows":[{"color":"rgba(0, 0, 0, 0.08)","x":0,"y":1,"blur":1,"spread":0},{"color":"rgba(0, 0, 0, 0.16)","x":0,"y":1,"blur":3,"spread":1}]}}}
body
Aura - Panel
tab1
styles{"body":{"text":{"color":"#465671","textAlign":"left","fontWeight":"normal","fontSize":14}},"header":{"backgroundColor":{"color":"#4ca22f"},"icon":{"size":18,"name":"faCheckCircle","color":"#fff"}},"headline":{"text":{"text":"GBO-Tip","color":"#fff","textAlign":"left","fontWeight":"normal","fontSize":18},"alignment":{"horizontal":"start"}},"base":{"backgroundColor":{"color":"#ffffff"},"border":{"color":"#0049b0","style":"solid","width":1,"bottom":true,"top":false,"left":true,"right":true},"borderRadius":{"radius":4},"boxShadow":{"shadows":[{"color":"rgba(0, 0, 0, 0.08)","x":0,"y":1,"blur":1,"spread":0},{"color":"rgba(0, 0, 0, 0.16)","x":0,"y":1,"blur":3,"spread":1}]}}}
body
Aura - Panel
tab1
styles{"body":{"text":{"color":"#465671","textAlign":"left","fontWeight":"normal","fontSize":14}},"header":{"backgroundColor":{"color":"#ffcc00"},"icon":{"size":18,"name":"faExclamationTriangle","color":"#fff"}},"headline":{"text":{"text":"Hinweis","color":"#fff","textAlign":"left","fontWeight":"normal","fontSize":18},"alignment":{"horizontal":"start"}},"base":{"backgroundColor":{"color":"#ffffff"},"border":{"color":"#0049b0","style":"solid","width":1,"bottom":true,"top":false,"left":true,"right":true},"borderRadius":{"radius":4},"boxShadow":{"shadows":[{"color":"rgba(0, 0, 0, 0.08)","x":0,"y":1,"blur":1,"spread":0},{"color":"rgba(0, 0, 0, 0.16)","x":0,"y":1,"blur":3,"spread":1}]}}}
body
Aura - Panel
tab1
styles{"body":{"text":{"color":"#465671","textAlign":"left","fontWeight":"normal","fontSize":14}},"header":{"backgroundColor":{"color":"#d51317"},"icon":{"size":18,"name":"faTimesCircle","color":"#fff"}},"headline":{"text":{"text":"Warnung","color":"#fff","textAlign":"left","fontWeight":"normal","fontSize":18},"alignment":{"horizontal":"start"}},"base":{"backgroundColor":{"color":"#ffffff"},"border":{"color":"#0049b0","style":"solid","width":1,"bottom":true,"top":false,"left":true,"right":true},"borderRadius":{"radius":4},"boxShadow":{"shadows":[{"color":"rgba(0, 0, 0, 0.08)","x":0,"y":1,"blur":1,"spread":0},{"color":"rgba(0, 0, 0, 0.16)","x":0,"y":1,"blur":3,"spread":1}]}}}
body

An vielen Stellen in der Anwendungen wird mit Navigationsleisten gearbeitet, sogenannten "breadcrumbs".

Durch Klick auf einen Eintrag in dieser Leiste können Sie sich schnell in einen anderen Bereich bewegen.

Sie sehen so auch jederzeit, wo Sie sich gerade befinden.

Beispiel in der "Administration"

Image Removed
Bei Aufruf der Administration werden direkt die Daten zu dem ausgewählten Betrieb angezeigt.
Über die Navigationsleiste können Sie jederzeit zwischen den verschiedenen Ebenen wechseln.

Betriebe → Anzeige der Betriebsliste

...

  • Betriebe →  Es wird die Betriebsliste angezeigt
  • Klick auf Administration → Es wird eine zusammenfassende Sicht über alle Betriebe angezeigt