Skip to main content
Skip table of contents

Controls

Controls can be used to display information in the web application and to process user input.

The following default attributes can be defined for all controls:

Attribute

Description

​background

Defines a color for the background of the control.

  • This setting overwrites the default color of the color scheme.

  • This attribute doesn't work with the Maps and HtmlDocument controls.

Possible values:

  • hexadecimal color value, e.g. ff5a00

  • Do not use a hash (#) in front of the color value.

  • Do not use a shortened notation of the color value.

  • color code from the color palette of the Web App (see Theming), e.g., A200

foreground

Defines a color for the foreground (texts, etc.) of the control.

  • This setting overwrites the default color of the color scheme.

  • This attribute doesn't work with the Maps and HtmlDocument controls.

Possible values:

  • hexadecimal color value, e.g. ff5a00

  • Do not use a hash (#) in front of the color value.

  • Do not use a shortened notation of the color value.

  • color code from the color palette of the Web App (see Theming), e.g., A200

enabled

Defines if the user can interact with the control.

  • Data binding (boolean) possible

Possible values: 

  • true/false or data binding expression

disabled

Defines if the user can interact with the control.

  • Data binding (boolean) possible

Possible values: 

  • true/false or data binding expression

The disabled attribute is deprecated and will not be available in the future. The deprecated attribute is replaced by enabled. enabled="true" is equivalent to the deprecated attribute disabled="false".

fontFamily

Defines the font family.

  • This attribute overrides the default font of the Web App for this control.

  • If the attribute is defined on an element, the font family is inherited by the element's child elements, unless the child elements have the fontFamily attribute explicitly set.

  • This attribute doesn't work with the Image, Maps and HtmlDocument controls.

Possible values:

  • MainFont: stored main font

  • font code from the font palette, e.g., Font04

fontSize

Defines the font size.

  • This attribute overrides the default font size of the Web App for this control.

  • This attribute doesn't work with the Image, Maps and HtmlDocument controls.

Possible values:

  • any integer or decimal number with a dot as decimal separator, e.g., 20; 20.8; .9

  • font size in pixels, e.g., 20px

  • font size in points, e.g., 18pt

  • font size compared to the font size of the parent element, e.g., .8em or 120

  • keywords: xx-small, x-small, small, medium, large, x-large, xx-large, smaller, larger

fontStretch

Sets the width of the single characters.

  • This attribute overrides the default width of the characters of the Web App for this control.

  • This attribute doesn't work with the Image, Maps and HtmlDocument controls.

Possible values:

  • Condensed (default)

  • Expanded

  • ExtraCondensed

  • ExtraExpanded

  • Medium

  • Normal

  • SemiCondensed

  • SemiExpanded

  • UltraCondensed

  • UltraExpanded

fontStyle

Defines the font style.

  • This attribute overrides the default font style of the Web App for this control.

  • This attribute doesn't work with the Image, Maps and HtmlDocument controls.

Possible values:

  • italic: italic characters

  • normal: normal characters (default)

  • oblique: italic characters (calculated)

fontWeight

Defines the font weight.

  • This attribute overrides the default font weight of the Web App for this control.

  • This attribute doesn't work with the Image, Maps and HtmlDocument controls.

Possible values:

  • Black (default)

  • Bold

  • DemiBold

  • ExtraBlack

  • ExtraBold

  • ExtraLight

  • Heavy

  • Light

  • Medium

  • Normal

  • Regular

  • SemiBold

  • Thin

  • UltraBlack

  • UltraBold

  • UltraLight

horizontalAlign

Direction in which the elements flow. The order of the elements corresponds to their declaration.

Possible values:

  • left (default)

  • center

  • right

textOverflow

Defines what happens if the page is full.

Possible values:

  • ellipsis: show with ... that the text is not finished (default)

  • hidden: break off text, paying attention to whole words

  • wordBreak: break off within the word

  • allow (default): break off text between words

visible

Defines whether the control is visible.

  • Data binding (boolean) possible

Possible values:

 true/false or data binding expression


JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.