Responsives Design

Mapbender bietet ein responsives Webdesign zur besseren Übersichtlichkeit an. Jedes Element in der Toolbar und Sidepane kann dabei für unterschiedliche Ansichten individuell konfiguriert werden (Desktop, Mobiltelefon oder beides).

../../../_images/responsive_design_overview.png

Alternativ kann das Design auch für ganze Layout-Bereiche definiert werden. Dadurch werden alle zugehörigen Elemente automatisch nicht mehr angezeigt, wenn eine bestimmte Ansicht ausgewählt ist.

../../../_images/responsive_design_template.png

Anwendungsbeispiel

Im folgenden Beispiel wird das Element “Information” aus der mobilen Ansicht entfernt.

../../../_images/responsive_design_example.png

In der Desktopansicht ist das Element in der Toolbar vorhanden.

../../../_images/responsive_design_example_desktop_view.png

Das Element wird in der mobilen Ansicht nicht mehr angezeigt.

../../../_images/responsive_design_example_mobile_view.png