Responsives Design

Mapbender bietet ein responsives Webdesign zur besseren Übersichtlichkeit an. Jedes Element in der oberen Werkzeugleiste und Sidepane kann dabei für unterschiedliche Ansichten individuell konfiguriert werden (Mobiles Endgerät, Desktop 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 oberen Werkzeugleiste 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