Element: Form Drop-Down List

With the "Drop-Down List" element you can use a selection field in your form, which can be selected as a list item.
For the label of a "Drop-Down List" please use the element "Headline / Label".

Please note that this element is always stored in a "Form-Area" element.

Sample App

You can test this element with sample styles directly in the public area of the contentDock® Viewer App. You can also load these sample styles from the Template Library into your user account and import them into your app project.

Styles

  • Background
    Color
    Contentdock color help
    Defines the color of the element background. Possible values are hexadecimal and of RGBA color values.

    The hexadecimal color system uses three sequently hexadecimal numbers, each representing one color of the RGB color space. Example: #ffffff for the color white.

    The RGBA color system has been extended by the RGB system with an alpha value for transparencies. Example: rgba (255,255,255,0.5) for the color white with an alpha value of 0.5.

    Preset system value

    This value is used if no style is defined for this element.

    #ffffff

    Image
    Contentdock background image help
    Defines the background image for the element. The image is displayed scaled in the element.
  • Border
    Height
    Contentdock form select border height help
    Defines the thickness of the border in pixels surrounding the element. The value is set individually in an input field.

    Please note that only integers are entered. A "px" need not be captured.

    Preset system value

    This value is used if no style is defined for this element.

    1

    Radius
    Contentdock form select border radius help
    Defines the radius of the border in pixels used in the element corners. The value is set individually in an input field.

    Please note that only integers are entered. A "px" need not be captured.

    Preset system value

    This value is used if no style is defined for this element.

    0

    Color
    Contentdock color help
    Defines the color of the element border. Possible values are hexadecimal and of RGBA color values.

    The hexadecimal color system uses three sequently hexadecimal numbers, each representing one color of the RGB color space. Example: #ffffff for the color white.

    The RGBA color system has been extended by the RGB system with an alpha value for transparencies. Example: rgba (255,255,255,0.5) for the color white with an alpha value of 0.5.

    Preset system value

    This value is used if no style is defined for this element.

    #636363

    Position
    Contentdock form select border position help
    Specify the position of the border. The border always encloses the element, but you can choose in which direction the border will be drawn.

    Possible values are:

    Inside: The border is drawn inside.

    Outside: The border is drawn outside.

    Preset system value

    This value is used if no style is defined for this element.

    outer

  • Inner Space
    To the left
    Contentdock form select padding left help
    The text in the element is centered vertically and aligned horizontally on the left by default. You can change the space between the text and the left border of the element in this style.

    Preset system value

    This value is used if no style is defined for this element.

    5

    To the right
    Contentdock form select padding right help
    The text in the element is centered vertically and aligned horizontally on the left by default. You can change the space between the text and the right border of the element in this style.

    Preset system value

    This value is used if no style is defined for this element.

    5

  • Title Font
    Name of the font
    Contentdock font family help
    In contentDock® there are various fonts from fonts.google.com pre installed. You can also load your own fonts in contentDock® as TTF (TrueType Font) or OTF (OpenType Font).

    Preset system value

    This value is used if no style is defined for this element.

    Open Sans Light

    Font size
    Contentdock font size help
    Defines the size of the text in pixels. The value is selected from the dropdown or can be set individually.

    Preset system value

    This value is used if no style is defined for this element.

    16

    Color
    Contentdock color help
    Defines the color of the text. Possible values are hexadecimal and of RGBA color values.

    The hexadecimal color system uses three sequently hexadecimal numbers, each representing one color of the RGB color space. Example: #ffffff for the color white.

    The RGBA color system has been extended by the RGB system with an alpha value for transparencies. Example: rgba (255,255,255,0.5) for the color white with an alpha value of 0.5.

    Preset system value

    This value is used if no style is defined for this element.

    #000000

  • Placeholder Text
    Name of the font
    Contentdock font family help
    In contentDock® there are various fonts from fonts.google.com pre installed. You can also load your own fonts in contentDock® as TTF (TrueType Font) or OTF (OpenType Font).

    Preset system value

    This value is used if no style is defined for this element.

    Open Sans Light

    Font size
    Contentdock font size help
    Defines the size of the placeholder text in pixels. The value is selected from the dropdown or can be set individually.

    Preset system value

    This value is used if no style is defined for this element.

    16

    Color
    Contentdock color help
    Defines the color of the placeholder text. Possible values are hexadecimal and of RGBA color values.

    The hexadecimal color system uses three sequently hexadecimal numbers, each representing one color of the RGB color space. Example: #ffffff for the color white.

    The RGBA color system has been extended by the RGB system with an alpha value for transparencies. Example: rgba (255,255,255,0.5) for the color white with an alpha value of 0.5.

    Preset system value

    This value is used if no style is defined for this element.

    #707070

Drop-down list layer

  • Background
    Color
    Contentdock color help
    Defines the color of the element background. Possible values are hexadecimal and of RGBA color values.

    The hexadecimal color system uses three sequently hexadecimal numbers, each representing one color of the RGB color space. Example: #ffffff for the color white.

    The RGBA color system has been extended by the RGB system with an alpha value for transparencies. Example: rgba (255,255,255,0.5) for the color white with an alpha value of 0.5.

    Preset system value

    This value is used if no style is defined for this element.

    #ffffff

    Image
    Contentdock background image help
    Defines the background image for the element. The image is displayed scaled in the element.
  • Dividing line
    Height of the dividing line
    Contentdock form select arrow split line height help
    Defines the height of the dividing line.

    Preset system value

    This value is used if no style is defined for this element.

    1

    Color of the dividing line
    Contentdock color help
    Defines the color for the split line of the layer items. Possible values are hexadecimal and of RGBA color values.

    The hexadecimal color system uses three sequently hexadecimal numbers, each representing one color of the RGB color space. Example: #ffffff for the color white.

    The RGBA color system has been extended by the RGB system with an alpha value for transparencies. Example: rgba (255,255,255,0.5) for the color white with an alpha value of 0.5.

    Preset system value

    This value is used if no style is defined for this element.

    #636363

  • Drop-down icon
    Arrow icon
    Contentdock form select arrow icon help
    Defines the drop-down icon in the element.

    Preset system value

    This value is used if no style is defined for this element.

    Tovqguuy

    Distance from the top
    Contentdock form select arrow padding top help
    Defines the top distance to the drop-down symbol.

    Preset system value

    This value is used if no style is defined for this element.

    11

    Distance from the right
    Contentdock form select arrow padding right help
    Defines the right distance to the drop-down symbol.

    Preset system value

    This value is used if no style is defined for this element.

    5

    Width of the drop-down icon
    Height of the drop-down icon