Paragraph widget
The paragraph widget is a paragraph of text.
Examples
Properties
Property |
Description |
Data type |
---|---|---|
|
JSON containing the properties that define the visual appearance of the item, as described in Context properties. |
string (JSON) |
|
Unique identifier of this widget. |
string |
|
Text displayed as a paragraph. |
string |
type
|
Rich-media type, which is always Paragraph . |
string |
Context properties
These are the context
properties.
Context |
Description |
Data type |
---|---|---|
|
Text color, as a hex color code. |
string (hex color code) |
|
Paragraph size, in pixels. |
integer |
|
Paragraph style, which is one of:
|
enum |
Code sample
var obj = {
"widgetType": "form",
"nodes":
[{
"id": "widget1",
"controls": {
"0": {
"type": "Paragraph",
"text": "lorel ipsum lorel ipusm
lorel ipsum lorel ipusm lorel ipsum lorel
ipusm lorel ipsum lorel ipusm lorel ipsum lorel ipusm click here"
},
"1": {
"type": "Paragraph",
"containerSize": 200,
"containerAlign": "alignParentRight",
"containerSpace": 20,
"context": {
"itemBorder": "#000000",
"itemBackground": "#C0C0C0",
"textSize": 10,
"textStyle": "bold",
"borderRadius": 0,
"boxShadow": {
"h": "5",
"v": "5",
"blur": "10",
"color": "#00000096"
}
},
"text": "lorel ipsum lorel ipusm
lorel ipsum lorel ipusm lorel ipsum lorel
ipusm lorel ipsum lorel ipusm lorel ipsum lorel ipusm click here"
},
"1": {
"type": "Paragraph",
"containerSize": 200,
"containerAlign": "alignParentCenter",
"containerSpace": 20,
"context": {
"itemBorder": "#000000",
"itemBackground": "#C0C0C0",
"textSize": 10,
"textStyle": "bold"
},
"text": "lorel ipsum lorel ipusm
lorel ipsum lorel ipusm lorel ipsum lorel
ipusm lorel ipsum lorel ipusm lorel ipsum lorel ipusm click here"
}
}
}
]
}