Versions Compared

Key

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

...

Aura - Panel
tab1
styles{"body":{"text":{"color":"#465671","textAlign":"center","fontWeight":"normal","fontSize":14}},"header":{"backgroundColor":{"color":"#0149b0"},"icon":{"size":26,"name":"faWalking","color":"#fff"}},"headline":{"text":{"text":"Schritt für Schritt Anleitung","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":"center","fontWeight":"normal","fontSize":14}},"header":{"backgroundColor":{"color":"#00b1eb"},"icon":{"size":26,"name":"faShoePrints","color":"#fff"}},"headline":{"text":{"text":"Schritt 1: Filterkriterien auswählen","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


In diesem Beispiel wird nach Handlungsbedarf (roter Schraubenschlüssel) und Beratungsbedarf (gelbes Fragezeichen) gefiltert.

Aura - Divider
serializedStyles{"alignment":{"horizontal":"center"},"icon":{"name":"faAngleDown","color":"#00b1eb","size":24},"text":{"color":"#333","fontSize":14,"textAlign":"left","fontWeight":"bold","text":"Aura Divider"},"border":{"top":false,"right":false,"bottom":true,"left":false,"color":"#004994","style":"solid","width":2},"size":{}}
typeicon

Zum Filtern wählen Sie durch Klick auf die

entprechende

entsprechende Schaltfläche aus, nach welchen Antworten gesucht werden soll.

  • Ausgewählte Antworten werden dunkel hinterlegt.
  • Durch Klick auf mehrere Flächen können Sie die Kriterien kombinieren.
  • Um den Filter anzuwenden, klicken Sie auf die Schaltfläche „Anwenden".
  • Wenn ein Filter aktiv ist, ist die Schaltfläche „Anwenden" ausgegraut und die Schaltfläche „Aufheben" dunkler dargestellt.


Aura - Panel
tab1
styles{"body":{"text":{"color":"#465671","textAlign":"center","fontWeight":"normal","fontSize":14}},"header":{"backgroundColor":{"color":"#00b1eb"},"icon":{"size":26,"name":"faShoePrints","color":"#fff"}},"headline":{"text":{"text":"Schritt 2: Arbeiten mit der gefilterten Betriebsstruktur","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

TODO

Aura - Divider
serializedStyles{"alignment":{"horizontal":"center"},"icon":{"name":"faAngleDown","color":"#00b1eb","size":24},"text":{"color":"#333","fontSize":14,"textAlign":"left","fontWeight":"bold","text":"Aura Divider"},"border":{"top":false,"right":false,"bottom":true,"left":false,"color":"#004994","style":"solid","width":2},"size":{}}
typeicon

Hier können noch zusätzliche Informationen für diesen Schritt hinterlegt werden.


Aura - Panel
tab1
styles{"body":{"text":{"color":"#465671","textAlign":"left","fontWeight":"normal","fontSize":14}},"header":{"backgroundColor":{"color":"#00b1eb"},"icon":{"size":26,"name":"faShoePrints","color":"#fff"}},"headline":{"text":{"text":"Schritt 3: Filter aufheben","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

Aura - Divider
serializedStyles{"alignment":{"horizontal":"center"},"icon":{"name":"faAngleDown","color":"#00b1eb","size":24},"text":{"color":"#333","fontSize":14,"textAlign":"left","fontWeight":"bold","text":"Aura Divider"},"border":{"top":false,"right":false,"bottom":true,"left":false,"color":"#004994","style":"solid","width":2},"size":{}}
typeicon

Um den Filter wieder aufzuheben, klicken Sie auf „Aufheben" oder ändern Sie Ihre Auswahl und wenden Sie den neuen Filter an.


...