label.floating Boolean (default: false)

If set to true, the widget will be wrapped in a container that will allow the floating label functionality.

Important: The value method does not trigger the focusout event of the input. This can affect the floating label functionality. To overcome this behavior, manually invoke the refresh method of the Floating Label: $("#dropdownlist").data("kendoDropDownList").label.floatingLabel.refresh();

Example

<input id="dropdownlist" />
<script>
$("#dropdownlist").kendoDropDownList({
  dataSource: [
    { id: 1, name: "Apples" },
    { id: 2, name: "Oranges" }
  ],
  dataTextField: "name",
  label: {
    content: "Fruits",
    floating: true
  }
});
</script>
In this article