Responsive Design

Mapbender offers a responsive design for greater usability. Every element in the toolbar and sidepane can be individually configured to appear for desktop and/or mobile resolutions.

../../../_images/responsive_design_overview1.png

It is also possible to define templates for whole layout sections. This way, all associated elements will be automatically invisible when entering the respective view mode.

../../../_images/responsive_design_template1.png

Example

In the following example, the FeatureInfo element is removed from the mobile view.

../../../_images/responsive_design_example1.png

The desktop view still displays the element in the toolbar.

../../../_images/responsive_design_example_desktop_view1.png

However, the element is no longer visible in the mobile view.

../../../_images/responsive_design_example_mobile_view1.png