In the Layouts section of an application you get an overview of the regions (layout sections) of the application. In the regions, the elements of the application are listed. An overview of all elements is available under Elements.


Different templates can have different regions: In the demo applications you can see two different region layouts. Not every element can be used in every region. Mapbender cares about that.

Layout of the Fullscreen template:

  • Top toolbar (region for Buttons, Links, HTML,…)

  • Sidepane (region for Layertree, Legend, Search, Print, HTML,…)

  • Map area (region for Map, Scalebar,…)

  • Footer (region for Copyright, Activity Indicator, Scale select,…)

Layout of the Mobile template:

  • Footer (region for Copyright, Activity Indicator, Scale select,…)

  • Map area (region for Map, Scalebar,…)

  • MobilePane (region for dialogs like Layertree, Legend, BaseSourceSwicther, FeatureInfo,…)

The mapbender-button-add button located at the top right of each region allows adding elements. After pressing the button, a dialog will open, which allows for the selection of an element and its subsequent configuration.

All elements in an application can be moved between regions using drag and drop.

The regions themselves can be configured using the mapbender-button-edit button at right. There is no configuration option for region Map area and MobilePane.

The regions Top toolbar and Footer provide the following configuration options:

Configuration of the Sidepane

The Sidepane provide the following configuration options through their mapbender-button-edit button:

Mapbender Sidepane Options
  • Type (Accordion, Buttons, Unstyled. Default: Accordion): See explanation below.

  • Screen type (Any, Mobile, Desktop. Default Any): The region will not be displayed when other screen types are used. Any - will always show the region.

  • Width (in px) (in px. Default: 350px): Width of the Sidepane in Pixels.

  • Position (Left, Right. Default: Left): Defines the placement of the sidepane.

  • Initially closed (Default: disabled): Defines whether the Sidepane should be closed or open on start of the application.

The option Type adjusts the inserted elements:

  • Accordion shows elements via tabs.

  • Buttons shows elements via buttons.

  • Unstyled does not contain any styling options at all and displays the elements in the configured backend order.

Button area (Elements)

Every element offers a set of buttons for configuration. The button area helps configuring elements in their specific regions. The following button functions are available:

Mapbender Button Area
  • Toggle show/hide element: A shown element is visible in the application. A hidden one is not visible in the application itself, but can still be adjusted in the backend.

  • Show on mobile screens: Displays an element only on mobile-sized screens.

  • Show on Desktop screens: Displays an element only on Desktop-sized screens.

  • Edit: Adjusts an element.

  • ACL element: Sets specific visibility permissions for an element.

  • Delete: Removes an element from both front- and backend.


The mapbender-button-edit button opens a configuration mask for a specific element. The Elements overview page can help you to look up a setting for a specific element.

Acl element

The mapbender-button-key button opens a Secure element window that allows configuration of the Access Control Lists View right for users/groups.

Without configuration, an element has no access restriction and is avaible to the users/groups that can access the application.

When via Acl element View access rights are set, only the defined users/groups get access to the element.

Add users to restrict access to them with the mapbender-button-add button. A set checkmark next to the user account provides the necessary rights.


After setting specific access rights, the security key turns red. If you hover over the key with the cursor, you will see the names of the users who have rights to the element.


You can find more security details under Security Concepts.


Removes an element from both front- and backend.