Paragraph widget

The paragraph widget is a paragraph of text.

Examples

Properties

Property

Description

Data type

context

JSONClosed containing the properties that define the visual appearance of the item, as described in Context properties.

string (JSON)

id

Unique identifier of this widget.

string

text

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

Text color, as a hex color code.

string (hex color code)

textSize

Paragraph size, in pixels.

integer

textStyle

Paragraph style, which is one of: normal | italic | bold.

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"
                }
            }
        }
    ]
}