Sidebar-Navigation bei mobiler Darstellung
Veröffentlichungsdatum: 20. Oktober 2014
Änderungsdatum: 06. März 2018
navigation sidebar mobile responsive
Als Alternative zur klassischen mobilen Aufklappnavigation können Sie über CSS-Only auch eine Sidebar-Navigation anbieten.
Als Alternative zur klassischen mobilen Aufklappnavigation können Sie über CSS-Only auch eine Sidebar-Navigation anbieten. Bei diesem Navigationstyp fährt der Inhaltsbereich mit der aufklappenden Navigation nach rechts weg.
Diese Möglichkeit ist in aktuellen BASE Projekten bereits im Standard vordefiniert und muß lediglich aktiviert und bei Bedarf individuell angepasst werden.
Die Sidebar-Navigation können Sie in der design.css aktivieren, indem Sie folgende Anpassung vornehmen.
Sidebar-Navigation inaktiv
#_blockMainOuter {-w-add-classes:nextToSidebar,moveWithSidebar;-w-jquery:jQuery("#blockMainOuter").before('<div id="navigationSidebar"/>')}Sidebar-Navigation aktiv
#blockMainOuter {-w-add-classes:nextToSidebar,moveWithSidebar;-w-jquery:jQuery("#blockMainOuter").before('<div id="navigationSidebar"/>')}Wenn Sie die Sidebar-Navigation für eine andere Auflösung nutzen wollen, genügt es, die CSS-Definition im entsprechenden Media-Query unterzubringen und die Aktivierung in der design.js anzupassen.
In aktuellen BASE Classic Projekten kann die Sidebar komfortabel über den Layoutwizard aktiviert werden.