Versionen im Vergleich

Version Alte Version 2 Neue Version 3
Änderungen wurden vorgenommen von

Silvio Haase (Unlicensed)

Silvio Haase (Unlicensed)

Gespeichert am

Schlüssel

  • Diese Zeile wurde hinzugefügt.
  • Diese Zeile wurde entfernt.
  • Formatierung wurde geändert.

GeoBAK-Karte

Überblick

Name

contentclass-snippet.gifGeoBAK-Karte

Ordner

folderopen.gifIntegrationen

Styleguide

https://www.styleguide.sachsen.de/geobak-karte-4791.html

Inhaltsverzeichnis

Inhalt
minLevel1
maxLevel4
outlinefalse
stylenone
typelist
printabletrue

1. Einleitung

Das Akkordeon, eine auf-und zuklappbare Liste, ist bei Webdesignern und Onlineredakteuren ein beliebtes HTML-Gestaltungselement, um auflistbare und meist umfangreiche Informationen platzsparend darzustellen. Sehr oft findet es im Rahmen von »Häufig gestellten Fragen«, (s.g. FAQ) Anwendung. Das Akkordeon ist aber auch sehr gut dazu geeignet, Bilder und Videos darzustellen, vgl. dazu Styleguide Akkordeon und sein Einsatz ist immer eine Möglichkeit, wenn Seiten zu "lang" sind.Der Seiteninhalt GeoBAK-Karte dient der Einbindung einer Karte mit einem markierten Punkt (Adresse). Die GeoBak-Karte wird nicht direkt in die Seite eingebunden, sondern über die IFrame-Komponente.

Panel
panelIconId1f5a5
panelIcon:desktop:
panelIconText🖥️
bgColor#EAE6FF

2. Verschiedene Darstellungsmöglichkeiten

Akkorden-2-und-3-Eintraege.pngImage RemovedDarstellun_einzel.pngImage Added

2.1 Akkordeon mit 2 und 3 Einträgen

Je nach Seitenaufteilung (mit oder ohne Marginalspalte), variiert die Breite der Darstellung.
In der Beispielabbildung ist die Seitenaufteilung “Navigation-Inhalt-Marginalspalte” gewählt.




Info

Siehe dazu Kapitel Auswahl der Seitenaufteilung

Akkorden-5-Eintraege.png

2.2 Akkordeon mit 5 Einträgen

Je nach Seitenaufteilung (mit oder ohne Marginalspalte), variiert die Breite der Darstellung.
In der Beispielabbildung ist die Seitenaufteilung “Navigation-Inhalt breit” (ohne Marginalspalte) gewählt.




Info

Siehe dazu Kapitel Auswahl der Seitenaufteilung

Akkordeon_eingebunden.png

2.3 Akkordeon eingebunden

Je nach Seitenaufteilung (mit oder ohne Marginalspalte), variiert die Breite der Darstellung.
In der Beispielabbildung ist die Seitenaufteilung “Navigation-Inhalt breit (ohne Marginalspalte) gewählt.
Um zusammengehörende Inhalte besser zu gliedern, ist das erste Akkordeon in den Seiteninhalt “Bild + Text” eingebunden. Das zweite Akkordeon ist in den Seiteninhalt “Inhaltsteiler” eingebunden, welches die Breite des Akkordeon beeinflussen kann.

Info

Siehe dazu Kapitel Auswahl der Seitenaufteilung und Kapitel Inhaltsteiler

Panel
panelIconId270f
panelIcon:pencil2:
panelIconText✏️
bgColor#FFEBE6

3. Verwendung im SmartEdit

3.1 Erstellen GeoBAK-Karte

Schrittweise Erläuterung für die Erstellung eines neuen Seiteninhalts basierend auf der CMS-Vorlage “contentclass-snippet.gifGeoBAK-Karte”

Symbol

Aktion

1

Seite öffnen

seite_oeffnen_green.png
2icon_reddot_multilink.png

Pattern im Inhaltsbereich hinzufügen, sortieren, entfernen

Pattern_hinzufuegen.png
3AMnu_ConnectNewPage.gif

Seite erstellen & verknüpfen

seite_erstellen_green.png
4folderopen.gif

Content-Klassen Ordner “Integrationen” auswählen

Hinweis

Das Bildschirmfoto bildet eine allgemeine Darstellung aller Content-Klassen Ordner ab. Kann ggf. abweichen.

content_klasse-waehlen-green.png
5contentclass-snippet.gif

Content-Klasse “GeoBAK-Karte” auswählen

Hinweis

Das Bildschirmfoto bildet eine allgemeine Darstellung von Content-Klassen ab. Kann ggf. abweichen.

template_waehlen_green.png
6

Es erscheint ein Dialogfenster mit einem aus der Content-Klasse generierten Seitennamen, der mit der späteren Überschrift des neuen Seiteninhalts belegt werden sollte.
Diese Überschrift wird nicht auf der erstellten Seite angezeigt. Sie dient als CMS-interne Überschrift.

überschrift_seite_green.png
7

Mit “OK” bestätigen

ok_green.png
8

Darstellung nach Erstellung “GeoBAK-Karte”

Die Abbildung zeigt das Beispiel mit 2 Akkordeoneinträgen.

Dartsellung_nach_Auswahl.png

3.1.1 Bearbeiten

Akkordeon mit Akkordeoneinträgen

GeoBAK-Karte

Schrittweise Erläuterung für das Bearbeiten eines neuen Seiteninhalts basierend auf der CMS-Vorlage “contentclass-snippet.gif Akkordeon + x Einträge GeoBAK-Karte”.

Darstellung nach erstellen “GeoBAK-Karte”. Der Seiteninhalt ist zur Bearbeitung geöffnet. Eine Überschrift und Kurzbeschreibung wurde im Beispiel bereits hinzugefügt.

Dartsellung_nach_Auswahl.pngImage RemovedBearbeiten.pngImage Added

Bezeichnung

Beschreibung

icon_reddot_openpage (1).png GeoBAK-Karte öffnen

Seiteninhalt zur Bearbeitung öffnen

icon_reddot_closepage (1).png GeoBAK-Karte schließen

Bearbeitung beenden

icon_reddot.png Überschrift

Einfügen einer Überschrift (optional)

icon_reddot.png Kurzbeschreibung

einleitender Text für kurze Beschreibung des Inhalts (optional)

icon_reddot.png App-Name

Name der App (Anwendung)

icon_reddot.png Für besondere Aktions-/Event-Karten ohne feste Adressen, geben Sie bitte hier die URL ein.

siehe dazu Kapitel “Aktions-/Event-Karten”

icon_reddot.png Adresse

Eingabe der auf der Karte anzuzeigende Adresse

3.

2 Erstellen Akkordeon ohne Einträge

1.2 Adresse

icon_reddot_multilink.pngImage Removed

folderopen.gifImage Removed

contentclass-snippet.gifImage Removed

Symbol

Aktion

1

Seite öffnen

Seite_oeffnen.pngImage Removed2

Pattern im Inhaltsbereich hinzufügen, sortieren, entfernen

Pattern_hinzufuegen.pngImage Removed
3AMnu_ConnectNewPage.gifImage Removed

Seite erstellen & verknüpfen

seite_erstellen_green.pngImage Removed
4

Content-Klassen Ordner “Sonstige Darstellungsformen” auswählen

Hinweis

Das Bildschirmfoto bildet eine allgemeine Darstellung aller Content-Klassen Ordner ab. Kann ggf. abweichen.

content_klasse-waehlen-green.pngImage Removed5

Content-Klasse “Akkordeon” auswählen

Hinweis

Das Bildschirmfoto bildet eine allgemeine Darstellung von Content-Klassen ab. Kann ggf. abweichen.

template_waehlen_green.pngImage Removed6

Es erscheint ein Dialogfenster mit einem aus der Content-Klasse generierten Seitennamen, der mit der späteren Überschrift des neuen Seiteninhalts belegt werden sollte.
Diese Überschrift wird nicht auf der erstellten Seite angezeigt. Sie dient als CMS-interne Überschrift.

überschrift_seite_green.pngImage Removed7

Mit “OK” bestätigen

ok_green.pngImage Removed8

Ansicht nach erstellen des Akkordeon aus der Vorlage “Akkordeon. Das Akkordeon ist zur weiteren Bearbeitung geöffnet.

Nun können einzelne Akkordeoneinträge hinzugefügt werden.
Siehe 3.3.1 Akkordeoneinträge hinzufügen

Akkordeoneintraege.pngImage Removed

3.2.1 Bearbeiten Akkordeon ohne Einträge

Schrittweise Erläuterung für das Bearbeiten eines neuen Seiteninhalts basierend auf der CMS-Vorlage “contentclass-snippet.gifImage Removed Akkordeon”.

Darstellung nach erstellen des Akkordeon aus der Vorlage “Akkordeon. Das Akkordeon ist zur weiteren Bearbeitung geöffnet.

Akkordeoneintraege.pngImage Removed

Bezeichnung

Beschreibung

icon_reddot_closepage.pngImage Removed Akkordeon schließen

schließt die Seite (Inhaltselement) “Akkordeon”

icon_reddot.pngImage Removed Seite für andere Projekte freigeben Hinweis.pngImage Removed

Siehe dazu Kapitel 7.9 Projektfremde Seite verknüpfen

icon_reddot_multilink (1).pngImage Removed Akkordeoneinträge

einzelne Akkordeoneinträge hinzufügen, sortieren oder entfernen.

Die schrittweise Erläuterung der einzelnen Schritte wird im Abschnitt3.3 Akkordeoneinträge erklärt.

3.3 Akkordeoneinträge

3.3.1 Akkordeoneinträge hinzufügen

Symbol

Aktion

1icon_reddot_multilink.pngImage Removed

Akkordeoneinträge

Akkordeoneintraege.pngImage Removed2AMnu_ConnectNewPage.gifImage Removed

Seite erstellen & verknüpfen

Hinweis

Es wird ein einzelner Akkordeoneintrag erstellt. Dieser Vorgang muss je nach benötigter Anzahl an Akkordeoneinträgen wiederholt werden.

seite_erstellen_green.pngImage Removed3

Es erscheint ein Dialogfenster mit einem aus der Content-Klasse generierten Seitennamen, der mit der späteren Überschrift des neuen Seiteninhalts belegt werden sollte.
Diese Überschrift wird nicht auf der erstellten Seite angezeigt. Sie dient als CMS-interne Überschrift.

überschrift_seite_green.pngImage Removed4

Mit “OK” bestätigen

ok_green.pngImage Removed5

Darstellung nach Erstellung eines Akkordeoneintrags.

Eintrag hinzufuegen_Darstellung.pngImage Removed

3.3.2 Akkordeoneintrag bearbeiten

In diesem Abschnitt wird die inhaltliche Bearbeitung eines Akkordeoneintrages, wie das Hinzufügen von Überschriften und Inhalten beschrieben.

Eintrag hinzufuegen_Darstellung.pngImage Removed

Bezeichnung

Beschreibung

icon_reddot_openpage (1).pngImage Removed Akkordeon öffnen

Seiteninhalt zur Bearbeitung öffnen

icon_reddot_closepage (1).pngImage Removed Akkordeoneintrag schließen

Bearbeitung beenden

icon_reddot (1).pngImage Removed Überschrift

Erstellen der Überschrift für den Akkordeoneintrag

icon_reddot.pngImage Removed Text

Inhaltsbearbeitung des Akkordeoneintrages mit Hilfe des Text-Editor. Hier können die Inhalte (z.Bsp. Texte, Tabellen und/oder Grafiken) platziert werden. Das Arbeiten mit dem Text-Editor wird im Abschnitt “Text bearbeiten - Der Texteditor” beschrieben.

icon_reddot_multilink (1).pngImage Removed Akkordeoninhalte

Hier können innerhalb eines Akkordeoneintrages weitere Seiteninhalte hinzugefügt sortiert oder entfernt werden. So kann ein Akkordeoneintrag mehrere, verschiedene Seiteninhalte enthalten, wie z. Bsp. Verweislisten, Bilder / Bildergalerien oder YouTube-Videos.

Darstellung nach Bearbeiten eines Akkordeoneintrag.

Eintrag_Inhalt bearbeitet.pngImage Removed

Darstellung nach Bearbeiten eines Akkordeoneintrag in der Seitenvorschau mit geöffneten Akkordeon.

Beispel_Darstellung_Ueberschrift_Inhalt_Seitenvorschau.pngImage Removed

3.3.3 Akkordeoneinträge sortieren

Symbol

Aktion

1icon_reddot_openpage.pngImage Removed

Akkordeon öffnen

Akkordeon_oeffnen.pngImage Removed2icon_reddot_multilink.pngImage Removed

Akkordeoneinträge

Akkordeoneintraege_2.pngImage Removed3AMnu_SortOrder.gifImage Removed

Seitensortierung bearbeiten

Auswahl_Aktion_Seitensortierung.pngImage Removed4

Akkordeoneinträge nach Bedarf sortieren. Markieren des gewünschten Akkordeoneintrages und mit Hilfe der Pfeile an der linken Seite an die gewünschte Position verschieben und mit “OK” bestätigen.

Hinweis

Das Bildschirmfoto bildet eine allgemeine Darstellung der Anzahl an Einträgen. Kann ggf. abweichen.

Eintraege sortieren 4.pngImage Removed5

Darstellung des Akkordeon mit Akkordeoneinträgen. Im Beispielbild wurden die beiden Einträge in ihrer Position getauscht. Zum Vergleich, siehe Abbildung 2 in diesem Teil der Anleitung.

Eintraege_sortiert.pngImage Removed3.3.4 Akkordeoneinträge entfernen
icon_reddot.pngImage Added

Adresse

Auswahl_Adresse.pngImage Added
2

Eingabe der Adresse (für eine detaillierte Darstellung auf der angezeigten Karte, ist eine vollständige Angabe aller Daten notwendig).

  • es ist zu beachten, dass “ß” durch “ss” zu ersetzen ist

  • mit “OK” bestätigen

Info

Ist eine feste Adresse nicht bekannt, kann die Möglichkeit “Aktions-/Event-Karten” verwendet werden. Eine schrittweise Erklärung findet sich im Abschnitt “Aktions-/Event-Karten”.

Adresseingabe.pngImage Added
3

Darstellung im SmartEdit nach Eingabe der Adresse

Darstellung_nach_Adresseingabe_smartedit.pngImage Added
4

Darstellung in der Seitenvorschau

Darstellung_nach_Adresseingabe_seitenvorschau.pngImage Added

3.1.3 Aktions-/Event-Karten

6

Darstellung des Akkordeon nach dem Entfernen eines Akkordeoneintrags. Im Beispielbild wurde der zweite Akkordeoneintrag entfernt. Zum Vergleich, siehe Abbildung 2 in diesem Teil der Anleitung.

Hinweis

Das Bildschirmfoto bildet eine allgemeine Darstellung von Content-Klassen ab. Kann ggf. abweichen.

Eintraege_entfernt.pngImage Removed

Symbol

Aktion

1
icon_reddot_openpage.pngImage Removed

Akkordeon öffnen

Akkordeon_oeffnen.pngImage Removed2icon_reddot_multilink.pngImage Removed

Akkordeoneinträge

Akkordeoneintraege_2.pngImage Removed3AMnu_DeletePageFromList.gifImage Removed

Einträge aus liste entfernen

Auswahl_Aktion_entfernen.pngImage Removed4

Akkordeoneinträge nach Bedarf sortieren. Markieren des gewünschten Akkordeoneintrages und mit Hilfe der Pfeile an der linken Seite an die gewünschte Position verschieben und mit “OK” bestätigen.

Hinweis

Das Bildschirmfoto bildet eine allgemeine Darstellung der Anzahl an Einträgen. Kann ggf. abweichen.

Eintraege entfernen 4.pngImage Removed5

Es wird ein Hinweisfeld angezeigt. Wenn der Eintrag entfernt werden soll, mit “OK” bestätigen.

Hinweis_loeschen.pngImage Removed
icon_reddot.pngImage Added

Für besondere Aktions-/Event-Karten ohne feste Adressen, geben Sie bitte hier die URL ein.

Event_Karten.pngImage Added
2

Eingabe der URL des Events

Eventkarte.pngImage Added
3

Darstellung im SmartEdit nach Eingabe der Adresse

Darstellung_nach_Adresseingabe_smartedit.pngImage Added
4

Darstellung in der Seitenvorschau

Darstellung_nach_Adresseingabe_seitenvorschau.pngImage Added

Panel
panelIconId1f50d
panelIcon:mag:
panelIconText🔍
bgColor#E3FCEF

4. Häufig gestellte Fragen (FAQ)

Frage

Antwort