title

Specifies the widget title.

Type: Object|String

Use this property to set the text to be displayed as the widget title. If you need to specify the title's position in the widget, assign an object to the title property with the required fields specified. In this instance, set the title's text using the text property.

The widget can display additional text in the subtitle. It is placed under the title. Use properties of the subtitle object to assign a text to the subtitle and change its font.

Show Example:
jQuery

In this example, the title text is assigned directly to the title field.


                                    

                                    

font

Specifies font options for the title.

Type: Object

Show Example:
jQuery

In this example, title font options are changed.


                                    

                                    

horizontalAlignment

Specifies the title's alignment in a horizontal direction.

Type: String
Default Value: 'center'
Accepted Values: 'right' | 'center' | 'left'

To set the title's alignment in a vertical direction, use the verticalAlignment option.

When using a widget as an ASP.NET MVC Control, specify this option using the HorizontalAlignment enum. This enum accepts the following values: Left, Center and Right.

Show Example:
jQuery

In this example, use the drop-down menu below to change the position of the widget title in a horizontal direction.


                                    

                                    

margin

Generates space around the title.

Type: Number|Object
Default Value: 10

Use the fields of this object to set the required values for the left, right, top and bottom title margins separately. If title margins suppose to be equal, assign a numeric value directly to the margin property.

placeholderSize

Specifies the minimum height that the title occupies.

Type: Number
Default Value: undefined

Show Example:
jQuery

In this example, the placeholderSize option of the widget title is set to 60. You can change this value using the slider below.


                                    

                                    

subtitle

Specifies the widget subtitle.

Type: Object|String

Use this property to set the text to be displayed below the widget title. If you need to specify the subtitle's font, assign an object to the subtitle property with the font field specified. In this instance, set the subtitle text to the text property.

text

Specifies the title text.

Type: String
Default Value: null

When specifying the title property with an object, use the text property of this object to set the title text. Otherwise, assign this text directly to the title property.

Show Example:
jQuery

In this example, the title text is assigned to the text field of the title configuration object.


                                    

                                    

verticalAlignment

Specifies the title's alignment in a vertical direction.

Type: String
Default Value: 'top'
Accepted Values: 'top' | 'bottom'

To set the title's alignment in a horizontal direction, use the horizontalAlignment option.

When using the widget as an ASP.NET MVC Control, specify this option using the VerticalEdge enum. This enum accepts the following values: Top and Bottom.

Show Example:
jQuery

In this example, use the drop-down menu below to change the position of the widget title in a vertical direction.