Configuration Guide
Configuration Guide
Breadcrumbs

Text Widget

Definition

There are several types of Widgets allowing to configure the display /edit of attributes with a string type.

  • Text Input Edit 

  • Text Area Edit

  • Text Display

Text Input Edit

Text Area Edit

Text Display
image-20220928-073711.png
image-20220928-073720.png
image-20220928-073724.png

Configuration

Properties

Property name

Type

Mandatory

Description

Values (default value in bold)

Input Edit

Area Edit

Display

type

String

NO

Defines the type of the input (example: obfuscated for password).

text, password

check mark

cross mark

cross mark

width

String

NO

Defines the width of the text area. 

SMALL, MEDIUM, LARGE, AUTO

check mark

check mark

cross mark

height

Integer

NO

Defines the height of the text area.

5

cross mark

check mark

cross mark

required

Boolean

NO

Defines if the attribute is mandatory or not.

true, false

check mark

check mark

cross mark

placeholder

String

NO

Defines the message that will be displayed in the field of the attribute.

-

check mark

check mark

cross mark

backgroundColor

String

NO

Defines the background color.

#ffffff, standard CSS color value

cross mark

cross mark

check mark

bold

Boolean

NO

Defines if the value is displayed in bold or not.

true, false

cross mark

cross mark

check mark

fontSize

String

NO

Defines the displayed size.

INHERIT, XX_SMALL, X_SMALL, SMALL, MEDIUM, LARGE, X_LARGE, XX_LARGE

cross mark

cross mark

check mark

italic

Boolean

NO

Defines if the value is displayed in italic or not.

true, false

cross mark

cross mark

check mark

textAlign

String

NO

Defines the text alignment.

LEFT, CENTER, RIGHT

cross mark

cross mark

check mark

textColor

String

NO

Defines the displayed text color.

#000000, standard CSS color value

cross mark

cross mark

check mark

underline

Boolean

NO

Defines if the value is underlined or not.

true, false

cross mark

cross mark

check mark

Example

Text Input Edit

Text Area Edit

Text Display
image-20220928-073711.png
image-20220928-073720.png
image-20220928-073724.png
XML
<widget id="rolelabel" xsi:type="ctdbum:AttributeEditorWidgetType">
	<hidden>false</hidden>
	<config>
		<editor>
			<editWidget xsi:type="ctdbum:TextInputEditWidgetType">
				<hidden>false</hidden>
				<config>
					<required>false</required>
					<type>text</type>
					<width>AUTO</width>
				</config>
			</editWidget>
		</editor>
		<label></label>
		<lockedInUi>false</lockedInUi>
		<mode>READ_WRITE</mode>
		<multiValued>false</multiValued>
		<override>true</override>
	</config>
	<attributeId>rolelabel</attributeId>
</widget>


XML
<widget id="rolelabel" xsi:type="ctdbum:AttributeEditorWidgetType">
	<hidden>false</hidden>
	<config>
		<editor>
			<editWidget xsi:type="ctdbum:TextAreaEditWidgetType">
				<hidden>false</hidden>
				<config>
					<height>5</height>
					<width>AUTO</width>
				</config>
			</editWidget>
		</editor>
		<label></label>
		<lockedInUi>false</lockedInUi>
		<mode>READ_WRITE</mode>
		<multiValued>false</multiValued>
		<override>true</override>
	</config>
	<attributeId>rolelabel</attributeId>
</widget>


XML
<widget id="rolelabel" xsi:type="ctdbum:AttributeEditorWidgetType">
	<hidden>false</hidden>
	<config>
		<editor>
			<displayWidget xsi:type="ctdbum:TextDisplayWidgetType">
				<hidden>false</hidden>
				<config>
					<backgroundColor>#ffffff</backgroundColor>
					<bold>true</bold>
					<fontSize>INHERIT</fontSize>
					<italic>true</italic>
					<textAlign>LEFT</textAlign>
					<textColor>#FF7F50</textColor>
					<underline>false</underline>
				</config>
			</displayWidget>
		</editor>
		<label></label>
		<lockedInUi>false</lockedInUi>
		<mode>READ</mode>
		<multiValued>false</multiValued>
		<override>true</override>
	</config>
	<attributeId>rolelabel</attributeId>
</widget>



  • Features

    Design screens and business features to manage objects.