Element: Headline / Label

The Element Headline / Label is an element that includes only a simple text. It is intended for headlines and for labels of form fields. You can also use it as a simple text 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.

Style sample →

Styles

Background

Color

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

Defines the background image for the element.
Border

Position

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

Color

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)

Height

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

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

Show the radius top left

Preset system value

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

1

Show the radius top right

Preset system value

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

1

Show the radius bottom left

Preset system value

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

1

Show the border radius bottom right

Preset system value

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

1
Shadow

Shadow color

Preset system value

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

#000000

Shadow opacity

Preset system value

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

0

Radius of the shadow

Preset system value

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

0

Offset height of the shadow

Preset system value

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

0

Offset width of the shadow

Preset system value

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

0
Inner Space

At the top

The text in the element is centered vertically and is aligned horizontally on the left 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.

0

At the bottom

The text in the element is centered vertically and is aligned horizontally on the left 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.

0

To the left

The text in the element is centered vertically and is 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.

Attention: Please note that this style is only possible when the text alignment "left" is used. If the text alignment is "right" or "center," this value has no effect.

Preset system value

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

0

To the right

The text in the element is centered vertically and is 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.

Attention: Please note that this style is only possible when the text alignment "right" is used. If the text alignment is "left" or "center," this value has no effect.

Preset system value

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

0
Title Font

Name of the font

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

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.

30

Color

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

Defines the spacing between the letters

Preset system value

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

0

Height of the text line

Preset system value

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

0

Shadow color of the text

Preset system value

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

rgba(0,0,0,0)

Shadow radius of the text

Preset system value

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

0

Shadow offset width of the text

Preset system value

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

0

Shadow offset height of the text

Preset system value

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

0
Alignment

Alignment

Defines the general alignment of the text within the element.

Possible values are:

left: The text is left aligned.

right: The text is right aligned.

center: The text is centered in the element.

Attention: Please note that some styles of the inner distance (inner space) are not used depending on the text alignment.

Preset system value

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

left