New to Kendo UI for jQuery? Start a free 30-day trial

Messages.format.title

configuration

Specifies the text of the title panel.

messages.format.title

Object

<div id="chart-wizard"></div>
<script>
$("#chart-wizard").kendoChartWizard({
    messages: {
        format: {
            title: {
                expandText: "Title Configuration",
                color: "Title Color",
                font: "Title Font"
            }
        }
    }
});
</script>

messages.format.title.applyTo

String

Specifies the text of the applyTo label of the title panel

<div id="chartwizard"></div>
<script>
    $("#chartwizard").kendoChartWizard({
        dataSource: [
        [
            { field: 'Product Name', value: 'Calzone' },
            { field: 'Quantity', value: 1 },
            { field: 'Price', value: 12.39 },
            { field: 'Tax', value: 2.48 },
            { field: 'Total', value: 14.87 }
            ],
        ],
        messages: {
            format: {
                title: {
                    applyTo: "Custom"
                }
            }   
        }
    });
</script>

messages.format.title.chartSubtitle

String

Specifies the text of the applyTo DropDownList item which represents the chart subtitle

<div id="chartwizard"></div>
<script>
    $("#chartwizard").kendoChartWizard({
        dataSource: [
        [
            { field: 'Product Name', value: 'Calzone' },
            { field: 'Quantity', value: 1 },
            { field: 'Price', value: 12.39 },
            { field: 'Tax', value: 2.48 },
            { field: 'Total', value: 14.87 }
            ],
        ],
        messages: {
            format: {
                title: {
                    chartSubtitle: "Custom"
                }
            }   
        }
    });
</script>

messages.format.title.chartTitle

String

Specifies the text of the applyTo DropDownList item which represents the chart title

<div id="chartwizard"></div>
<script>
    $("#chartwizard").kendoChartWizard({
        dataSource: [
        [
            { field: 'Product Name', value: 'Calzone' },
            { field: 'Quantity', value: 1 },
            { field: 'Price', value: 12.39 },
            { field: 'Tax', value: 2.48 },
            { field: 'Total', value: 14.87 }
            ],
        ],
        messages: {
            format: {
                title: {
                    chartTitle: "Custom"
                }
            }   
        }
    });
</script>

messages.format.title.color

String

Specifies the text of the label for the color editor of the title panel

<div id="chartwizard"></div>
<script>
    $("#chartwizard").kendoChartWizard({
        dataSource: [
        [
            { field: 'Product Name', value: 'Calzone' },
            { field: 'Quantity', value: 1 },
            { field: 'Price', value: 12.39 },
            { field: 'Tax', value: 2.48 },
            { field: 'Total', value: 14.87 }
            ],
        ],
        messages: {
            format: {
                title: {
                    color: "Custom"
                }
            }   
        }
    });
</script>

messages.format.title.expandText

String

Specifies the title of the title panel

<div id="chartwizard"></div>
<script>
    $("#chartwizard").kendoChartWizard({
        dataSource: [
        [
            { field: 'Product Name', value: 'Calzone' },
            { field: 'Quantity', value: 1 },
            { field: 'Price', value: 12.39 },
            { field: 'Tax', value: 2.48 },
            { field: 'Total', value: 14.87 }
            ],
        ],
        messages: {
            format: {
                title: {
                    expandText: "Custom"
                }
            }   
        }
    });
</script>

messages.format.title.font

String

Specifies the text of the font label of the title panel

<div id="chartwizard"></div>
<script>
    $("#chartwizard").kendoChartWizard({
        dataSource: [
        [
            { field: 'Product Name', value: 'Calzone' },
            { field: 'Quantity', value: 1 },
            { field: 'Price', value: 12.39 },
            { field: 'Tax', value: 2.48 },
            { field: 'Total', value: 14.87 }
            ],
        ],
        messages: {
            format: {
                title: {
                    font: "Custom"
                }
            }   
        }
    });
</script>

messages.format.title.fontPlaceholder

String

Specifies the text of the placeholder for the font editor of the title panel

<div id="chartwizard"></div>
<script>
    $("#chartwizard").kendoChartWizard({
        dataSource: [
        [
            { field: 'Product Name', value: 'Calzone' },
            { field: 'Quantity', value: 1 },
            { field: 'Price', value: 12.39 },
            { field: 'Tax', value: 2.48 },
            { field: 'Total', value: 14.87 }
            ],
        ],
        messages: {
            format: {
                title: {
                    fontPlaceholder: "Custom"
                }
            }   
        }
    });
</script>

messages.format.title.label

String

Specifies the text of the label of textbox of the title panel

<div id="chartwizard"></div>
<script>
    $("#chartwizard").kendoChartWizard({
        dataSource: [
        [
            { field: 'Product Name', value: 'Calzone' },
            { field: 'Quantity', value: 1 },
            { field: 'Price', value: 12.39 },
            { field: 'Tax', value: 2.48 },
            { field: 'Total', value: 14.87 }
            ],
        ],
        messages: {
            format: {
                title: {
                    label: "Custom"
                }
            }   
        }
    });
</script>

messages.format.title.size

String

Specifies the text of the size label of the title panel

<div id="chartwizard"></div>
<script>
    $("#chartwizard").kendoChartWizard({
        dataSource: [
        [
            { field: 'Product Name', value: 'Calzone' },
            { field: 'Quantity', value: 1 },
            { field: 'Price', value: 12.39 },
            { field: 'Tax', value: 2.48 },
            { field: 'Total', value: 14.87 }
            ],
        ],
        messages: {
            format: {
                title: {
                    size: "Custom"
                }
            }   
        }
    });
</script>

messages.format.title.sizePlaceholder

String

Specifies the text of the placeholder for the size editor of the title panel

<div id="chartwizard"></div>
<script>
    $("#chartwizard").kendoChartWizard({
        dataSource: [
        [
            { field: 'Product Name', value: 'Calzone' },
            { field: 'Quantity', value: 1 },
            { field: 'Price', value: 12.39 },
            { field: 'Tax', value: 2.48 },
            { field: 'Total', value: 14.87 }
            ],
        ],
        messages: {
            format: {
                title: {
                    sizePlaceholder: "Custom"
                }
            }   
        }
    });
</script>