Mapbender Templates

A Mapbender Template determines the basic representation (colour, font etc.) of an application. Furthermore, it defines the sections (e.g. toolbar or sidepane) in which new elements can be added.

There are three application templates in Mapbender that come with the installation:

  • Fullscreen Template
  • Basic Template (Fullscreen without Sidepane)
  • Mobile Template

Fullscreen Template

../../_images/mapbender_fullscreen1.png

View a demo of the Mapbender Fullscreen Template https://demo.mapbender.org/application/mapbender_user_yml

Regions of the Fullscreen Template:

  • Toolbar (button region)
  • Sidepane (layertree, legend, search,…)
  • Content (map, navigation toolbar, scalebar,…)
  • Footer (impressum, scaledisplay, …)

Specials:

  • dark background style of the template
  • fullscreen display with adjustable sidepane:

Configuration of the sidepane

It is possible to adjust some properties for the sidepane while working with templates that support it. Elements in the sidepane can be displayed in three different styles:

  • “Accordion” shows elements via tabs:
../../_images/sidepane_accordion.png
  • “Buttons” shows elements via buttons:
../../_images/sidepane_buttons.png
  • “None” does not contain any styling options at all and displays the elements in the configured backend order:
../../_images/sidepane_nostyle.png

Sidepane properties are adjustable in the Sidepane area of the Mapbender backend:

../../_images/sidepane_backend.png

Mobile Template

../../_images/mapbender_mobile1.png

View a demo of the Mapbender Mobile Template https://demo.mapbender.org/application/mapbender_mobile_yml

Regions of the mobile Template

  • footer (button region)
  • Content (map, navigation toolbar)
  • Mobilepane (area that will overlapp the map, when a dialog like Layertree, FeatureInfo is displayed)

Please note that not all elements can be used with the Mobile template at the moment. Here is a list of the elements that can be used:

  • Map
  • GPS-Position
  • Layertree (different design, will only show the root layer title of a service, you can only de-/activate a whole service)
  • BaseSourceSwitcher (different design: list not buttons)
  • FeatureInfo
  • Navigation Toolbar (Zoombar)
  • HTML
  • Button
  • SimpleSearch