Element: Hamburger Menu Button

Das Element "Hamburger Menu Button" generiert ein Navigationsmenü, welches abhängig vom definierten Seitenbaum erstellt wird.

Struktur

Der Hamburger Menü Button enthält vier Sub-Elemente, die individuell angepasst werden können:

  1. Hamburger Button
  2. Navigations-Layer
  3. Menütext-Element
  4. Aktives Menütext-Element

Die Styles zu allen vier Sub-Elementen sind auf dieser Seite dargestellt.

Beispiel App

Sie können dieses Element mit Beispiel-Styles direkt im öffentlichen Bereich der contentDock® Viewer App testen. Zusätzlich können Sie diese Beispiel-Styles auch aus der Vorlagen-Bibliothek in Ihren Benutzer-Account laden und in Ihr App-Projekt importieren.

Styles

  • Hintergrund
    Farbe
    Contentdock color help
    Definiert die Farbe für den Hintergrund des Elements. Die Farbe wird in der kompletten Größe des Elements verwendet. Mögliche Werte sind hexadezimale sowie RGBA Farbwerte.

    Beim hexadezimalen Farbsystem werden drei aufeinanderfolgende Hexadezimalzahlen verwendet, die jeweils für eine Farbe des RGB-Farbraums stehen. Beispiel: #ffffff für die Farbe Weiß.

    Das RGBA Farbsystem ist vom RGB System um einen Alphawert für Transparenzen erweitert. Beispiel: rgba(255,255,255,0.5) für die Farbe Weiß mit einem Alphawert 0.5.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    rgba(255,255,255,0)

  • Rahmen
    Höhe
    Contentdock hh border height help
    Definiert die Stärke des Rahmens in Pixel, der das Element umschließt. Der Wert wird individuell in einem Eingabefeld gesetzt.

    Bitte beachten Sie, dass nur ganze Zahlen eingegeben werden. Ein "px" muss nicht erfasst werden.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    0

    Radius
    Contentdock hh border radius help
    Definiert den Radius des Rahmens in Pixel, der in den Element-Ecken verwendet wird. Der Wert wird individuell in einem Eingabefeld gesetzt.

    Bitte beachten Sie, dass nur ganze Zahlen eingegeben werden. Ein "px" muss nicht erfasst werden.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    0

    Farbe
    Contentdock color help
    Definiert die Farbe für den Rahmen des Elements. Mögliche Werte sind hexadezimale sowie RGBA Farbwerte.

    Beim hexadezimalen Farbsystem werden drei aufeinanderfolgende Hexadezimalzahlen verwendet, die jeweils für eine Farbe des RGB-Farbraums stehen. Beispiel: #ffffff für die Farbe Weiß.

    Das RGBA Farbsystem ist vom RGB System um einen Alphawert für Transparenzen erweitert. Beispiel: rgba(255,255,255,0.5) für die Farbe Weiß mit einem Alphawert 0.5.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    rgba(255,255,255,0)

    Position
    Contentdock hh border position help
    Hiermit geben Sie die Position des Rahmens an. Der Rahmen umschließt immer das Element, allerdings können Sie wählen in welche Richtung der Rahmen gezeichnet wird.

    Mögliche Werte sind:

    Innen: Der Rahmen wird nach innen gezeichnet.

    Außen: Der Rahmen wird nach außen gezeichnet.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    inner

  • Innerer Abstand
    Nach oben
    Contentdock hh padding top help
    Per Default ist der Text im Element vertikal und horizontal zentriert ausgerichtet. Mit dem Inneren-Abstand "nach oben" können Sie den Abstand zum oberen Elementrand verändern.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    10

    Nach unten
    Contentdock hh padding bottom help
    Per Default ist der Text im Element vertikal und horizontal zentriert ausgerichtet. Mit dem Inneren-Abstand "nach unten" können Sie den Abstand zum unteren Elementrand verändern.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    0

    Nach links
    Contentdock hh padding left help
    Per Default ist der Text im Element vertikal und horizontal zentriert ausgerichtet. Mit dem Inneren-Abstand "nach links" können Sie den Abstand zum linken Elementrand verändern.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    10

    Nach rechts
    Contentdock hh padding right help
    Per Default ist der Text im Element vertikal und horizontal zentriert ausgerichtet. Mit dem Inneren-Abstand "nach rechts" können Sie den Abstand zum rechten Elementrand verändern.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    0

  • Titel Schrift
    Schriftart
    Contentdock font family help
    In contentDock® sind diverse Schriften von fonts.google.com bereits installiert. Sie können aber auch ihre eigenen Schriften in contentDock® als TTF (TrueType Font) oder OTF (OpenType Font) laden.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    Open Sans Light

    Schriftgröße
    Contentdock font size help
    Definiert die Größe des Textes in Pixel. Der Wert wird aus einem Dropdown ausgewählt oder kann individuell gesetzt werden.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    16

    Farbe
    Contentdock color help
    Definiert die Farbe für den Text. Mögliche Werte sind hexadezimale sowie RGBA Farbwerte.

    Beim hexadezimalen Farbsystem werden drei aufeinanderfolgende Hexadezimalzahlen verwendet, die jeweils für eine Farbe des RGB-Farbraums stehen. Beispiel: #ffffff für die Farbe Weiß.

    Das RGBA Farbsystem ist vom RGB System um einen Alphawert für Transparenzen erweitert. Beispiel: rgba(255,255,255,0.5) für die Farbe Weiß mit einem Alphawert 0.5.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    #000000

  • Button-Verhalten
    Bild für den normalen Zustand
    Contentdock background image help
    Hiermit setzen Sie das Bild für den normalen Zustand des Buttons.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    Vzcdmnrc

    Bild für den gedrückten Zustand
    Contentdock background image help
    Hiermit setzen Sie das Bild für den gedrückten Zustand des Buttons.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    Eequkpto

    Farbe für den gedrückten Zustand
    Contentdock color help
    Hiermit setzen Sie die Hintergrundfarbe für den gedrückten Zustand des Buttons.

    Achtung: Ist ein Hintergrundbild für den gedrückten Zustand definiert, hat dieser Style keine Auswirkungen.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    rgba(255,255,255,0)

Navigation-/Menü-Layer

  • Hintergrund
    Farbe
    Contentdock color help
    Definiert die Farbe für den Hintergrund des Navigations-Layers. Die Farbe wird in der kompletten Größe des Elements verwendet. Mögliche Werte sind hexadezimale sowie RGBA Farbwerte.

    Beim hexadezimalen Farbsystem werden drei aufeinanderfolgende Hexadezimalzahlen verwendet, die jeweils für eine Farbe des RGB-Farbraums stehen. Beispiel: #ffffff für die Farbe Weiß.

    Das RGBA Farbsystem ist vom RGB System um einen Alphawert für Transparenzen erweitert. Beispiel: rgba(255,255,255,0.5) für die Farbe Weiß mit einem Alphawert 0.5.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    #000000

    Bild
    Contentdock background image help
    Definiert das Hintergrundbild für den Navigations-Layer. Das Bild wird skaliert im Element dargestellt.
  • Rahmen
    Höhe
    Contentdock hh layer border height help
    Definiert die Stärke des Rahmens in Pixel, der den Navigations-Layer umschließt. Der Wert wird individuell in einem Eingabefeld gesetzt.

    Bitte beachten Sie, dass nur ganze Zahlen eingegeben werden. Ein "px" muss nicht erfasst werden.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    0

    Radius
    Contentdock hh layer border radius help
    Definiert den Radius des Rahmens in Pixel, der in den Layer-Ecken verwendet wird. Der Wert wird individuell in einem Eingabefeld gesetzt.

    Bitte beachten Sie, dass nur ganze Zahlen eingegeben werden. Ein "px" muss nicht erfasst werden.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    0

    Farbe
    Contentdock color help
    Definiert die Farbe für den Rahmen des Navigation-Layers. Mögliche Werte sind hexadezimale sowie RGBA Farbwerte.

    Beim hexadezimalen Farbsystem werden drei aufeinanderfolgende Hexadezimalzahlen verwendet, die jeweils für eine Farbe des RGB-Farbraums stehen. Beispiel: #ffffff für die Farbe Weiß.

    Das RGBA Farbsystem ist vom RGB System um einen Alphawert für Transparenzen erweitert. Beispiel: rgba(255,255,255,0.5) für die Farbe Weiß mit einem Alphawert 0.5.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    rgba(255,255,255,0)

    Position
    Contentdock hh layer border position help
    Hiermit geben Sie die Position des Rahmens an. Der Rahmen umschließt immer den Navigations-Layer, allerdings können Sie wählen in welche Richtung der Rahmen gezeichnet wird.

    Mögliche Werte sind:

    Innen: Der Rahmen wird nach innen gezeichnet.

    Außen: Der Rahmen wird nach außen gezeichnet.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    inner

  • Innerer Abstand
    Nach oben
    Contentdock hh layer padding top help
    Definiert den Abstand zwischen dem oberen Rand des "Navigation-Layers" und den Menü-Einträgen.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    150

    Nach unten
    Contentdock hh layer padding bottom help
    Definiert den Abstand zwischen dem unteren Rand des "Navigation-Layers" und den Menü-Einträgen.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    150

    Nach links
    Contentdock hh layer padding left help
    Definiert den Abstand zwischen dem linken Rand des "Navigation-Layers" und den Menü-Einträgen.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    70

    Nach rechts
    Contentdock hh layer padding right help
    Definiert den Abstand zwischen dem rechten Rand des "Navigation-Layers" und den Menü-Einträgen.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    70

  • Layer Position & Größe
    Layer Position
    Contentdock hh layer position help
    Mit diesem Style definieren Sie die grundsätzliche Position des Navigations-Layers.

    Mögliche Werte sind:

    Links vom Tablet-Rand: Der Layer wird von der linken Tablet-Kante geöffnet.

    Rechts vom Tablet-Rand: Der Layer wird von der rechten Tablet-Kante geöffnet.

    Rechts vom Button: Der Layer wird, abhängig von der Button-Position, auf der rechten Seite des Buttons geöffnet.

    Links vom Button: Der Layer wird, abhängig von der Button-Position, auf der linken Seite des Buttons geöffnet.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    right_device_border

    Abstand zwischen Button und Layer
    Contentdock hh layer disance button help
    Nur wenn für den Style "Layer-Position" der Wert "Links vom Button" oder "Rechts vom Button" gesetzt ist

    Definiert den Abstand zwischen Button und dem Navigations-Layer.
    Abstand vom linken Rand
    Contentdock hh layer disance border left help
    Nur wenn für den Style "Layer-Position" der Wert "Links vom Tablet-Rand" gesetzt ist.

    Definiert den linken Abstand zum Navigations-Layer.
    Abstand vom rechten Rand
    Contentdock hh layer disance border right help
    Nur wenn für den Style "Layer-Position" der Wert "Rechts vom Tablet-Rand" gesetzt ist.

    Definiert den rechten Abstand zum Navigations-Layer.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    0

    Abstand vom oberen Rand
    Contentdock hh layer disance border top help
    Nur wenn für den Style "Layer-Position" der Wert "Links vom Tablet-Rand" oder "Rechts vom Tablet-Rand" gesetzt ist.

    Definiert den oberen Abstand zum Navigations-Layer.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    0

    Abstand vom unterem Rand
    Contentdock hh layer disance border bottom help
    Nur wenn für den Style "Layer-Position" der Wert "Links vom Tablet-Rand" oder "Rechts vom Tablet-Rand" gesetzt ist.

    Definiert den unteren Abstand zum Navigations-Layer.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    0

    Typ für die Höhe des Layers
    Contentdock hh layer height type help
    Definiert die Höhenausrichtung des Navigations-Layers.

    Mögliche Werte sind:

    Komplette Bildschirm-Höhe: Die Höhe ist abhängig von der Bildschirmgröße.

    spezieller Wert: Die Höhe kann individuell im Style "Höhe des Layers" gesetzt werden.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    full_height

    Höhe des Layers
    Contentdock hh layer height help
    Nur wenn für den Style "Typ für die Höhe des Layers" der Eintrag "spezieller Wert" ausgewählt ist.

    Definiert die Höhe des Navigations-Layers.
    Breite des Layers
    Contentdock hh layer width help
    Definiert die Breite des Navigations-Layers.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    250

  • Layer-Verhalten
    Animation, wenn der Layer geöffnet wird
    Contentdock hh layer animation help
    Definiert die Animation, wenn der Navigations-Layer geöffnet oder geschlossen wird.

    Mögliche Werte sind:

    Fade in / Fade out: Der Navigations-Layer wird per "Fade in" geöffnet und mit "Fade out" geschlossen.

    Slide in / Slide out: Der Navigations-Layer wird per "Slide in" geöffnet und mit "Slide out" geschlossen.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    fade

    Animationszeit in Millisekunden
    Contentdock hh layer animation time help
    Definiert die Zeit in Millisekunden, wie lange die Animation ausgeführt wird.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    500

    Layer-Schließen-Icon
    Contentdock hh layer close icon help
    Definiert das Icon zum Schließen des Navigations-Layers.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    Uclyhhbp

    Bildhöhe des Schliessen-Icons
    Breite für das Schließen-Icon
    Position Schließen-Icon von links
    Contentdock hh layer close icon position left help
    Definiert den linken Abstand zum Schließen-Icon.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    420

    Position Schließen-Icon von oben
    Contentdock hh layer close icon position top help
    Definiert den oberen Abstand zum Schließen-Icon.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    30

    Anzeigen eines Farb-Layers über den gesamten Bildschirm, wenn das Menü geöffnet wird
    Contentdock hh layer full screen layer help
    Ist dieser Style aktiviert, wird beim Öffnen des Navigations-Layers ein zusätzlicher Farb-Layer über dem gesamten Bildschirm angezeigt.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    0

    Farbe des Layers über den gesamten Bildschirm
    Contentdock color help
    Definiert die Farbe für den Farb-Layers, der über den gesamten Bildschirm angezeigt wird. Mögliche Werte sind hexadezimale sowie RGBA Farbwerte.

    Beim hexadezimalen Farbsystem werden drei aufeinanderfolgende Hexadezimalzahlen verwendet, die jeweils für eine Farbe des RGB-Farbraums stehen. Beispiel: #ffffff für die Farbe Weiß.

    Das RGBA Farbsystem ist vom RGB System um einen Alphawert für Transparenzen erweitert. Beispiel: rgba(255,255,255,0.5) für die Farbe Weiß mit einem Alphawert 0.5.
  • Menü-Einstellungen
    Menü-Start-Level

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    menu_start_at_1level

    Zeige als erstes immer die aktive Seite

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    0

    Menü-Typ
    Contentdock hh layer type help
    Hiermit definieren Sie den Menü-Typ.

    Mögliche Werte sind:

    Drill down menu: Mit diesem Typ navigieren Sie in die Ebenen rein & raus und es wird immer nur die aktuelle Ebene angezeigt.

    Drop down menu: Dieser Menütyp ist derzeit in Vorbereitung und noch nicht verwendbar.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    drill_down_menu

    Anzahl der Menü-Ebenen, die direkt angezeigt werden
    Achtung: Dieser Style ist aktuell nicht verwendet und ist in Vorbereitung für andere Menü-Typen.
    Text-Offset für die Menü-Ebenen - Dieser wird von Level zu Level aufaddiert
    Achtung: Dieser Style ist aktuell nicht verwendet und ist in Vorbereitung für andere Menü-Typen.
    Bild für eine Menüebene zurück
    Contentdock hh layer level back icon help
    Nur für Menü-Typ "Drill down menu".

    Definiert das Icon, um in den Ebenen zurück zu navigieren.
    Bildhöhe für eine Menüebene zurück
    Bildbreite für eine Menüebene zurück
    Abstand rechts zwischen dem Bild "eine Menüebene zurück" und dem Menütext
    Contentdock hh layer level back icon distance right help
    Nur für Menü-Typ "Drill down menu".

    Definiert den Abstand zwischen dem Icon für eine Ebene zurück und dem Menütext.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    0

    Bild für eine Menüebene nach unten
    Contentdock hh layer level down icon help
    Nur für Menü-Typ "Drill down menu".

    Definiert das Icon um in die Ebene rein zu navigieren.
    Bildhöhe für eine Menüebene nach unten
    Bildbreite für eine Menüebene nach unten
    Abstand links zwischen dem Bild " Menüebene nach unten" und dem Menütext oder dem Seiten-Screenshot falls dort sichtbar
    Contentdock hh layer level down icon distance left help
    Nur für Menü-Typ "Drill down menu".

    Definiert den Abstand zwischen dem Icon zum rein-navigieren in die Ebene und dem Menütext.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    0

Navigation-/Menü-Item

  • Hintergrund
    Farbe
    Contentdock color help
    Definiert die Farbe für den Hintergrund des Menütext-Elementes. Die Farbe wird in der kompletten Größe des Elements verwendet. Mögliche Werte sind hexadezimale sowie RGBA Farbwerte.

    Beim hexadezimalen Farbsystem werden drei aufeinanderfolgende Hexadezimalzahlen verwendet, die jeweils für eine Farbe des RGB-Farbraums stehen. Beispiel: #ffffff für die Farbe Weiß.

    Das RGBA Farbsystem ist vom RGB System um einen Alphawert für Transparenzen erweitert. Beispiel: rgba(255,255,255,0.5) für die Farbe Weiß mit einem Alphawert 0.5.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    rgba(255,255,255,0)

    Bild
    Contentdock background image help
    Hiermit können Sie ein Bild für den Hintergrund des Menütext-Elementes festlegen.
  • Rahmen
    Höhe
    Contentdock hh item border height help
    Definiert die Stärke des Rahmens in Pixel, der das Menütext-Element umschließt. Der Wert wird individuell in einem Eingabefeld gesetzt.

    Bitte beachten Sie, dass nur ganze Zahlen eingegeben werden. Ein "px" muss nicht erfasst werden.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    0

    Radius
    Contentdock hh item border radius help
    Definiert den Radius des Rahmens in Pixel, der in den Menütext-Element-Ecken verwendet wird. Der Wert wird individuell in einem Eingabefeld gesetzt.

    Bitte beachten Sie, dass nur ganze Zahlen eingegeben werden. Ein "px" muss nicht erfasst werden.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    0

    Farbe
    Contentdock color help
    Definiert die Farbe für den Rahmen des Menütext-Elements. Mögliche Werte sind hexadezimale sowie RGBA Farbwerte.

    Beim hexadezimalen Farbsystem werden drei aufeinanderfolgende Hexadezimalzahlen verwendet, die jeweils für eine Farbe des RGB-Farbraums stehen. Beispiel: #ffffff für die Farbe Weiß.

    Das RGBA Farbsystem ist vom RGB System um einen Alphawert für Transparenzen erweitert. Beispiel: rgba(255,255,255,0.5) für die Farbe Weiß mit einem Alphawert 0.5.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    rgba(255,255,255,0)

  • Äußerer Abstand
    Oben
    Contentdock hh item distance top help
    Definiert den oberen Abstand zum vorherigen Menütext-Element. Der Abstand ist abhängig von der Höhe des Menütext-Elements und dem Rahmen.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    5

    Unten
    Contentdock hh item distance bottom help
    Definiert den unteren Abstand zum nächsten Menütext-Element. Der Abstand ist abhängig von der Höhe des Menütext-Elements und dem Rahmen.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    5

  • Titel Schrift
    Schriftart
    Contentdock font family help
    In contentDock® sind diverse Schriften von fonts.google.com bereits installiert. Sie können aber auch ihre eigenen Schriften in contentDock® als TTF (TrueType Font) oder OTF (OpenType Font) laden.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    Open Sans Light

    Schriftgröße
    Contentdock font size help
    Definiert die Größe des Menütextes in Pixel. Der Wert wird aus einem Dropdown ausgewählt oder kann individuell gesetzt werden.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    20

    Farbe
    Contentdock color help
    Definiert die Farbe für den Menütext. Mögliche Werte sind hexadezimale sowie RGBA Farbwerte.

    Beim hexadezimalen Farbsystem werden drei aufeinanderfolgende Hexadezimalzahlen verwendet, die jeweils für eine Farbe des RGB-Farbraums stehen. Beispiel: #ffffff für die Farbe Weiß.

    Das RGBA Farbsystem ist vom RGB System um einen Alphawert für Transparenzen erweitert. Beispiel: rgba(255,255,255,0.5) für die Farbe Weiß mit einem Alphawert 0.5.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    #ffffff

  • Ausrichtung
    Ausrichtung
    Contentdock text align help
    Definiert die grundsätzliche Ausrichtung des Textes innerhalb des Menütext-Elements.

    Mögliche Werte sind:

    links: Der Text ist links ausrichtet.

    rechts: Der Text ist nach rechts ausgerichtet.

    zentriert: Der Text ist im Element zentriert.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    center

  • Größe
    Höhe des Menü-Items - Der Menü-Text wird immer vertikal zentriert dargestellt
    Contentdock hh item height help
    Definiert die Höhe des Menütext-Elements.

    Achtung: Die Breite des Menütext-Elementes errechnet sich aus der Breite des Navigations-Layers minus den inneren Abständen links und rechts des Navigations-Layers

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    40

  • Menü-Item-Verhalten
    Anzeigen einer Trennlinie
    Contentdock hh item split line help
    Ist dieser Style aktiviert, wird eine Trennlinie zwischen den Menütext-Elementen angezeigt.

    Bitte beachten Sie dazu auch die Styles für den äußeren Abstand

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    0

    Höhe der Trennlinie
    Contentdock hh item split line height help
    Definiert die Höhe der Trennlinie.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    1

    Farbe der Trennlinie
    Contentdock color help
    Definiert die Farbe für die Trennlinie. Mögliche Werte sind hexadezimale sowie RGBA Farbwerte.

    Beim hexadezimalen Farbsystem werden drei aufeinanderfolgende Hexadezimalzahlen verwendet, die jeweils für eine Farbe des RGB-Farbraums stehen. Beispiel: #ffffff für die Farbe Weiß.

    Das RGBA Farbsystem ist vom RGB System um einen Alphawert für Transparenzen erweitert. Beispiel: rgba(255,255,255,0.5) für die Farbe Weiß mit einem Alphawert 0.5.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    #ffffff

Navigation/Menu item active

  • Hintergrund
    Farbe
    Contentdock color help
    Definiert die Farbe für den Hintergrund des aktiven Menütext-Elements. Die Farbe wird in der kompletten Größe des Elements verwendet. Mögliche Werte sind hexadezimale sowie RGBA Farbwerte.

    Beim hexadezimalen Farbsystem werden drei aufeinanderfolgende Hexadezimalzahlen verwendet, die jeweils für eine Farbe des RGB-Farbraums stehen. Beispiel: #ffffff für die Farbe Weiß.

    Das RGBA Farbsystem ist vom RGB System um einen Alphawert für Transparenzen erweitert. Beispiel: rgba(255,255,255,0.5) für die Farbe Weiß mit einem Alphawert 0.5.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    rgba(255,255,255,0)

    Bild
    Contentdock background image help
    Hiermit können Sie ein Bild für den Hintergrund des aktiven Menütext-Elements festlegen.
  • Rahmen
    Höhe
    Contentdock hh item border height help
    Definiert die Stärke des Rahmens in Pixel, der das aktive Menütext-Element umschließt. Der Wert wird individuell in einem Eingabefeld gesetzt.

    Bitte beachten Sie, dass nur ganze Zahlen eingegeben werden. Ein "px" muss nicht erfasst werden.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    0

    Radius
    Contentdock hh item border radius help
    Definiert den Radius des Rahmens in Pixel, der in den Ecken des aktiven Menütext-Elements verwendet wird. Der Wert wird individuell in einem Eingabefeld gesetzt.

    Bitte beachten Sie, dass nur ganze Zahlen eingegeben werden. Ein "px" muss nicht erfasst werden.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    0

    Farbe
    Contentdock color help
    Definiert die Farbe für den Rahmen des aktiven Menütext-Elements. Mögliche Werte sind hexadezimale sowie RGBA Farbwerte.

    Beim hexadezimalen Farbsystem werden drei aufeinanderfolgende Hexadezimalzahlen verwendet, die jeweils für eine Farbe des RGB-Farbraums stehen. Beispiel: #ffffff für die Farbe Weiß.

    Das RGBA Farbsystem ist vom RGB System um einen Alphawert für Transparenzen erweitert. Beispiel: rgba(255,255,255,0.5) für die Farbe Weiß mit einem Alphawert 0.5.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    rgba(255,255,255,0)

  • Äußerer Abstand
    Oben
    Contentdock hh item distance top help
    Definiert den oberen Abstand zum vorherigen Menütext-Element. Der Abstand ist abhängig von der Höhe des Menütext-Elements und dem Rahmen.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    5

    Unten
    Contentdock hh item distance bottom help
    Definiert den unteren Abstand zum nächsten Menütext-Element. Der Abstand ist abhängig von der Höhe des Menütext-Elements und dem Rahmen.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    5

  • Titel Schrift
    Schriftart
    Contentdock font family help
    In contentDock® sind diverse Schriften von fonts.google.com bereits installiert. Sie können aber auch ihre eigenen Schriften in contentDock® als TTF (TrueType Font) oder OTF (OpenType Font) laden.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    Open Sans Regular

    Schriftgröße
    Contentdock font size help
    Definiert die Größe des aktiven Menütext-Elements in Pixel. Der Wert wird aus einem Dropdown ausgewählt oder kann individuell gesetzt werden.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    24

    Farbe
    Contentdock color help
    Definiert die Farbe für das aktive Menütext-Element. Mögliche Werte sind hexadezimale sowie RGBA Farbwerte.

    Beim hexadezimalen Farbsystem werden drei aufeinanderfolgende Hexadezimalzahlen verwendet, die jeweils für eine Farbe des RGB-Farbraums stehen. Beispiel: #ffffff für die Farbe Weiß.

    Das RGBA Farbsystem ist vom RGB System um einen Alphawert für Transparenzen erweitert. Beispiel: rgba(255,255,255,0.5) für die Farbe Weiß mit einem Alphawert 0.5.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    #ff0000

  • Ausrichtung
    Ausrichtung
    Contentdock text align help
    Definiert die grundsätzliche Ausrichtung des Textes innerhalb des aktiven Menütext-Elements.

    Mögliche Werte sind:

    links: Der Text ist links ausrichtet.

    rechts: Der Text ist nach rechts ausgerichtet.

    zentriert: Der Text ist im Element zentriert.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    center

  • Größe
    Höhe des Menü-Items - Der Menü-Text wird immer vertikal zentriert dargestellt
    Contentdock hh item height help
    Definiert die Höhe des aktiven Menütext-Elements.

    Achtung: Die Breite des Menütext-Elementes errechnet sich aus der Breite des Navigations-Layers minus den inneren Abständen links und rechts des Navigations-Layers

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    40

  • Menü-Item-Verhalten
    Anzeigen einer Trennlinie
    Contentdock hh item split line help
    Ist dieser Style aktiviert, wird eine Trennlinie zwischen den Menütext-Elementen angezeigt.

    Bitte beachten Sie dazu auch die Styles für den äußeren Abstand

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    0

    Höhe der Trennlinie
    Contentdock hh item split line height help
    Definiert die Höhe der Trennlinie.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    1

    Farbe der Trennlinie
    Contentdock color help
    Definiert die Farbe für die Trennlinie. Mögliche Werte sind hexadezimale sowie RGBA Farbwerte.

    Beim hexadezimalen Farbsystem werden drei aufeinanderfolgende Hexadezimalzahlen verwendet, die jeweils für eine Farbe des RGB-Farbraums stehen. Beispiel: #ffffff für die Farbe Weiß.

    Das RGBA Farbsystem ist vom RGB System um einen Alphawert für Transparenzen erweitert. Beispiel: rgba(255,255,255,0.5) für die Farbe Weiß mit einem Alphawert 0.5.

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    #ffffff

Navigation-/Menü-Zurück-Button

  • Hintergrund
    Farbe

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    rgba(255,255,255,0)

    Bild
  • Rahmen
    Höhe

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    0

    Radius

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    0

    Farbe

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    rgba(255,255,255,0)

  • Äußerer Abstand
    Oben

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    5

    Unten

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    5

  • Titel Schrift
    Schriftart

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    Open Sans Light

    Schriftgröße

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    20

    Farbe

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    #000000

  • Ausrichtung
    Ausrichtung
  • Größe
    Höhe des Menü-Items - Der Menü-Text wird immer vertikal zentriert dargestellt

    Voreingestellter Systemwert

    Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.

    40