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

Items.label

configuration

Defines the field label.

items.label

String|Object

<form id="myForm"></form>

<script>
    $("#myForm").kendoForm({
        formData: {
            ID: 1,
            Name: "John Doe",
            Address: "Sofia"
        },
        items: [{
            field: "Name",
            label: "Full Name:",
            validation: { required: true }
        }, {
            field: "Address",
            label: "Shipping Address:"
        }]
    });
</script>

items.label.encoded

Boolean

Specifies if the label text will HTML-encoded before it is displayed. If set to false the label text will be displayed as is.

Default: true

<form id="myForm"></form>

<script>
    $("#myForm").kendoForm({
        formData: {
            ID: 1,
            Name: "John Doe",
            Address: "Sofia",
          	Birth: new Date(),
        },
        items: [{
            field: "Name",
            label: {
              text: "Full Name:"
            },
            validation: { required: true }
        }, {
            field: "Address",
            label: {
              text: "Shipping Address:"
            }
        },{
            field: "Birth",
            label: {
              text: "<b>Date of birth:<b>",
              optional: true,
              encoded: false
            }
        }]
    });
</script>

items.label.optional

Boolean

Specifies if the field is optional by rendering additional text next to the label.

<form id="myForm"></form>

<script>
    $("#myForm").kendoForm({
        formData: {
            ID: 1,
            Name: "John Doe",
            Address: "Sofia",
            Birth: new Date()
        },
        items: [{
            field: "Name",
            label: {
              text: "Full Name:"
            },
            validation: { required: true }
        }, {
            field: "Address",
            label: {
              text: "Shipping Address:"
            }
        },{
            field: "Birth",
            label: {
              text: "Date of birth:",
              optional: true
            }
        }]
    });
</script>

items.label.text

String

Defines the text of the label.

<form id="myForm"></form>

<script>
    $("#myForm").kendoForm({
        formData: {
            ID: 1,
            Name: "John Doe",
            Address: "Sofia"
        },
        items: [{
            field: "Name",
            label: {
              text: "Full Name:"
            },
            validation: { required: true }
        }, {
            field: "Address",
            label: {
              text: "Shipping Address:"
            }
        }]
    });
</script>