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

Messages.format

configuration

Specifies the text of the format tab content.

<div id="chart-wizard"></div>
<script>
$("#chart-wizard").kendoChartWizard({
    messages: {
        format: {
            chartArea: {
                expandText: "Chart Area Settings"
            },
            title: {
                expandText: "Title Settings"
            }
        }
    }
});
</script>

Specifies the text of the categoryAxis panel. The categoryAxis panel is visible only for categorical chart types.

<div id="chartwizard"></div>
<script>
$("#chartwizard").kendoChartWizard({
    messages: {
        format: {
            categoryAxis: {
                expandText: "Category Axis",
                collapseText: "Collapse Category Axis"
            }
        }
    }
});
</script>

Specifies the text of the chartArea panel.

<div id="chart-wizard"></div>
<script>
$("#chart-wizard").kendoChartWizard({
    messages: {
        format: {
            chartArea: {
                expandText: "Chart Area Configuration",
                background: "Background Settings",
                margins: "Margin Settings"
            }
        }
    }
});
</script>

Specifies the text of the legend panel.

<div id="chartwizard"></div>
<script>
$("#chartwizard").kendoChartWizard({
    messages: {
        format: {
            legend: {
                expandText: "Expand Legend",
                collapseText: "Collapse Legend"
            }
        }
    }
});
</script>

Specifies the text of the series panel.

<div id="chart-wizard"></div>
<script>
$("#chart-wizard").kendoChartWizard({
    messages: {
        format: {
            series: {
                expandText: "Series Configuration",
                color: "Series Color",
                labels: "Series Labels"
            }
        }
    }
});
</script>

Specifies the text of the title panel.

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

Specifies the text of the valueAxis panel. The valueAxis panel is visible only for categorical chart types.

<div id="chartwizard"></div>
<script>
$("#chartwizard").kendoChartWizard({
    messages: {
        format: {
            valueAxis: {
                expandText: "Value Axis",
                collapseText: "Collapse Value Axis"
            }
        }
    }
});
</script>

Specifies the text of the xAxis panel. The xAxis panel is visible only for non-categorical chart types.

<div id="chartwizard"></div>
<script>
$("#chartwizard").kendoChartWizard({
    messages: {
        format: {
            xAxis: {
                expandText: "X Axis",
                collapseText: "Collapse X Axis"
            }
        }
    }
});
</script>

Specifies the text of the xAxis panel. The yAxis panel is visible only for non-categorical chart types.

<div id="chartwizard"></div>
<script>
$("#chartwizard").kendoChartWizard({
    messages: {
        format: {
            yAxis: {
                expandText: "Y Axis",
                collapseText: "Collapse Y Axis"
            }
        }
    }
});
</script>