Skip to main content
Skip table of contents

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

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

(tick)

(error)

(error)

width

String

NO

Defines the width of the text area. 

SMALL, MEDIUM, LARGE, AUTO

(tick)

(tick)

(error)

height

Integer

NO

Defines the height of the text area.

5

(error)

(tick)

(error)

required

Boolean

NO

Defines if the attribute is mandatory or not.

true, false

(tick)

(tick)

(error)

placeholder

String

NO

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

-

(tick)

(tick)

(error)

backgroundColor

String

NO

Defines the background color.

#ffffff, standard CSS color value

(error)

(error)

(tick)

bold

Boolean

NO

Defines if the value is displayed in bold or not.

true, false

(error)

(error)

(tick)

fontSize

String

NO

Defines the displayed size.

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

(error)

(error)

(tick)

italic

Boolean

NO

Defines if the value is displayed in italic or not.

true, false

(error)

(error)

(tick)

textAlign

String

NO

Defines the text alignment.

LEFT, CENTER, RIGHT

(error)

(error)

(tick)

textColor

String

NO

Defines the displayed text color.

#000000, standard CSS color value

(error)

(error)

(tick)

underline

Boolean

NO

Defines if the value is underlined or not.

true, false

(error)

(error)

(tick)

Example

Text Input Edit

Text Area Edit

Text Display

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>

Read Next

  • Features

    Design screens and business features to manage objects.

JavaScript errors detected

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

If this problem persists, please contact our support.