Element: Form Drop-Down List

Mit dem Form-Element "Drop-Down List" können Sie eine Auswahlliste, aus der ein Eintrag ausgewählt werden kann, in ihrem Formular verwenden.
Für das Label (Feldbezeichnung) einer "Drop-Down List" verwenden Sie bitte das Element "Headline / Label".

Bitte beachten Sie, dass dieses Element immer in einem "Form-Area" Element abgelegt sein muss.

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.

    #ffffff

    Bild
    Contentdock background image help
    Definiert das Hintergrundbild für das Element. Das Bild wird skaliert im Element dargestellt.
  • Rahmen
    Höhe
    Contentdock form select 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.

    1

    Radius
    Contentdock form select 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.

    #636363

    Position
    Contentdock form select 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.

    outer

  • Innerer Abstand
    Nach links
    Contentdock form select padding left help
    Per Default ist der Text im Element vertikal zentriert und horizontal links 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.

    5

    Nach rechts
    Contentdock form select padding right help
    Per Default ist der Text im Element vertikal zentriert und horizontal links 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.

    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 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

  • Placeholder Text
    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 Platzhalter-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 Platzhalter-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.

    #707070

Drop-down list layer

  • 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.

    #ffffff

    Bild
    Contentdock background image help
    Definiert das Hintergrundbild für das Element. Das Bild wird skaliert im Element dargestellt.
  • Trennlinie
    Höhe der Trennlinie
    Contentdock form select arrow 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 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.

    #636363

  • Drop-down Symbol
    Pfeilsymbol
    Contentdock form select arrow icon help
    Definiert das Drop-down Symbol im Element.

    Voreingestellter Systemwert

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

    Tovqguuy

    Abstand oben
    Contentdock form select arrow padding top help
    Definiert den oberen Abstand zum dem Drop-down Symbol.

    Voreingestellter Systemwert

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

    11

    Abstand von rechts
    Contentdock form select arrow padding right help
    Definiert den rechten Abstand zum dem Drop-down Symbol.

    Voreingestellter Systemwert

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

    5

    Breite des Drop-down Icons
    Höhe des Drop-down Icons