Element: Form Submit Button

With the element "Submit Button" you send the form data to the contentDock® Management System. The form data will be sent to the email address that was configured in the "Form-Area" element.
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
-
BackgroundColorDefines 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.
#53af02
-
BorderPositionSpecify 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
ColorDefines 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)
HeightDefines 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
RadiusDefines 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
Show the radius top leftPreset system value
This value is used if no style is defined for this element.
1
Show the radius top rightPreset system value
This value is used if no style is defined for this element.
1
Show the radius bottom leftPreset system value
This value is used if no style is defined for this element.
1
Show the border radius bottom rightPreset system value
This value is used if no style is defined for this element.
1
-
ShadowShow the shadow not around the whole element
Preset system value
This value is used if no style is defined for this element.
0
Shadow colorPreset system value
This value is used if no style is defined for this element.
#000000
Shadow opacityPreset system value
This value is used if no style is defined for this element.
0
Radius of the shadowPreset system value
This value is used if no style is defined for this element.
0
Offset height of the shadowPreset system value
This value is used if no style is defined for this element.
0
Offset width of the shadowPreset system value
This value is used if no style is defined for this element.
0
-
Inner SpaceAt the topThe text in the element is centered vertically and horizontally by default. You can change the space between the text and the top border of the element in this style.
Preset system value
This value is used if no style is defined for this element.
10
At the bottomThe text in the element is centered vertically and horizontally by default. You can change the space between the text and the bottom border of the element in this style.Preset system value
This value is used if no style is defined for this element.
10
To the leftThe text in the element is centered vertically and horizontally 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.
10
To the rightThe text in the element is centered vertically and horizontally 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.
10
-
Title FontName of the fontIn 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 sizeDefines 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
ColorDefines 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.
#ffffff
-
Button behaviorNormal imageThis defines the image for the normal state of the button.Down imageThis defines the image for the touched / pressed state of the button.Color for the pressed stateThis defines the background color for the touched / pressed state of the button
Attention: This style has no effect, when a background image is defined for the touched / pressed state.Preset system value
This value is used if no style is defined for this element.
#000000