Element: Form Checkbox

With the "Checkbox" element you can use a group of multi selection fields in your form.

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.

    rgba(255,255,255,0)

    Image
    Contentdock background image help
    Defines the background image for the element. The image is displayed scaled in the element.
  • Border
    Height
    Contentdock form checkbox 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.

    0

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

    rgba(255,255,255,0)

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

    inner

  • Inner Space
    At the top
    Contentdock form checkbox item distance top first item help
    Defines the inner distance between the top border of the checkbox area and the first checkbox item.

    Preset system value

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

    0

    At the bottom
    Contentdock form checkbox item distance help
    Defines the distance between the checkboxes.

    Preset system value

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

    0

    To the left
    Contentdock form checkbox item distance left help
    Defines the inner distance between the left border of the checkbox area and the checkbox items.

    Preset system value

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

    0

    To the right
    Contentdock form checkbox item distance right help
    Defines the inner distance between the right border of the checkbox area and the checkbox item text.

    Preset system value

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

    0

  • 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

  • Element
    Image normal
    Contentdock form checkbox image help
    Image for the checkbox, if not selected.

    Preset system value

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

    Tlsuwwit

    Image selected
    Contentdock form checkbox image help
    Image for the selected checkbox.

    Preset system value

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

    Yqyqfwoz

  • Size
    Width
    Contentdock form checkbox item width help
    Defines the width of a checkbox element.

    Preset system value

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

    50

    Hight
    Contentdock form checkbox item height help
    Defines the height of a checkbox element.

    Preset system value

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

    50

Layer confirming legal texts

  • Background
    Color
    Contentdock color help
    Defines the color of the layer 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.

    rgba(0,0,0,0.55)

    Image
    Contentdock background image help
    Defines the background image for the layer. The image is displayed scaled in the layer.
  • Border
    Height
    Contentdock checkbox layer border height help
    Defines the thickness of the border in pixels surrounding the layer. 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.

    5

    Radius
    Contentdock checkbox layer border radius help
    Defines the radius of the border in pixels used in the layer 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.

    5

    Color
    Contentdock color help
    Defines the color of the layer 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.

    rgba(0,0,0,0.8)

    Position
    Contentdock checkbox layer 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.

    inner

  • Layer position & size
    Layer height type
    Contentdock checkbox layer height type help
    Defines the height alignment of the layer.

    Possible values are:

    Full screen height: The height of the layer depends on the screen height.

    special: The height can be set individually in the style "Layer height".

    Preset system value

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

    special

    Layer height
    Contentdock checkbox layer height help
    Only if the style "Layer height type" is set to "special".

    Defines the height of the layer.

    Preset system value

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

    600

    Layer width
    Contentdock hh layer width help
    Defines the width of the layer.

    Preset system value

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

    400

    Inner distance left
    Contentdock checkbox layer padding left help
    Defines the distance between the left of the "Layer" and the included elements.

    Preset system value

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

    10

    Inner distance right
    Contentdock checkbox layer padding right help
    Defines the distance between the right of the "Layer" and the included elements.

    Preset system value

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

    100

    Inner distance top
    Contentdock checkbox layer padding top help
    Defines the distance between the top of the "Layer" and the included elements.

    Preset system value

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

    10

    Inner distance bottom
    Contentdock checkbox layer padding bottom help
    Defines the distance between the bottom of the "Layer" and the included elements.

    Preset system value

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

    10