New to Kendo UI for jQueryStart a free 30-day trial

Initialize from Input

As of Kendo UI R3 2022, you can initialize the FlatColorPicker from an input element and use it for value submission. The component is also supported as an editor in the Kendo UI Form.

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

    <script>
      $("#myForm").kendoForm({
        formData: {
          ID: 1,
          Name: "John Doe",
          Address: 3,
          Color: "red"
        },
        items: [
          {
            field: "Name",
            validation: { required: true }
          },
          {
            field: "Address",
            editor:"DropDownList",
            editorOptions:{
              dataTextField:"text",
              dataValueField:"id",
              dataSource: {
                data: [
                  {text:"Sofia", id:1},
                  {text:"London", id:2},
                  {text:"New York", id:3}
                ]
              }
            }
          },
          {
            field: "Color",
            editor:"FlatColorPicker"
          }
        ]
      });
    </script>

See Also

In this article
See Also
Not finding the help you need?
Contact Support