Eingerahmte Box

Die Eingerahmte Box besteht aus zwei oder drei Spalten. Dabei kann in der ersten Spalte ausgewählt werden, ob eine Karte oder eine Datei angezeigt wird. Eine Eingerahmte Box ist beispielsweise für das Anzeigen der Kontaktangaben geeignet.

Bild oder Karte - Spalte links

Wechsel - Bild oder Karte

Auswahl und Konfiguration für Bild oder Karte.

Mit dem Selektor im Abschnitt Show kann ausgewählt werden, ob in der linken Spalte eine Datei oder eine Karte angezeigt werden soll. Wenn der Standard belassen wird und keine Datei ausgewählt ist, wird der Inhalt der Box nach links verschoben.

Je nachdem, was im Abschnitt Show ausgewählt ist, werden die Elemente unterschiedlich konfiguriert.

Bild anlegen

Zur Vereinfachung wird in diesem Abschnitt von Bild gesprochen, es werden aber immer alle verfügbare Medien gemeint.

Wenn Image ausgewählt ist, können Sie im Abschnitt Image die Datei auswählen. Es stehen Ihnen die bekannten Dateierweiterungen zur Verfügung. Bilder können mit der Bildbearbeitung zugeschnitten werden.

Seitenverhältnis
Es wird empfohlen ein Bild mit einem Seitenverhältnis von 2:1 zu wählen. Dies kommt daher, dass dies standardmässig das Verhältnis ist, in dem das Bild angezeigt wird.

Karte anlegen

Wenn Karte ausgewählt ist, können Sie im Abschnitt Karte die Karte definieren. Dabei müssen Sie die Koordinaten der Position kennen. Die Eingerahmte Box verwendet die Karte von OpenStreetMap. Folgen Sie der Anleitung für OpenStreetMap, um zu sehen, wie die Karte konfiguriert wird.

Spalten 1 und 2

Die Spalten 1 und 2 können grundsätzlich gleich bearbeitet werden. Damit können Sie Text anzeigen, welcher mit dem Rich-Text Editor bearbeitet und damit auch formatiert werden kann.
Wenn der Text in einer dieser Spalten lang ist, hat dies Einfluss darauf, wie das Bild angezeigt wird und es entsteht ein weisser Balken unterhalb des Bildes. In diesem Fall kann das Seitenverhältnis des Bildes verändert werden, damit das Bild höher ist und kein weisser Balken entsteht.

Zusätzlich zumText in der Spalte 2, haben Sie die Mglichkeit einen Button zu definieren. Dieser funktioniert ähnlich wie das Inhaltselement Button und benötigt einen Button Link und optional einen Text.

Beispiel Eingerahmte Box

contact

Example Adress Title
Example Contact Section
Musterstrasse 7
4001 Musterhausen

Langer Text mit angepasstem Bild

Mobilität

Example Adress Title
Example Contact Section
Musterstrasse 7
4001 Musterhausen
Schweiz

Tel: +41 61 123 45 67
Fax: +41 61 987 65 43