Floating Label
A floating label is a placeholder text for form or input fields, which floats above that field and remains visible once the user starts interacting with that field.
To implement a floating label in the Kendo UI for jQuery ComboBox, define it either as a string or from a function.
The following example demonstrates how to set the floating label as a string:
<input id="combobox" />
<script>
$(document).ready(function(){
$("#combobox").kendoComboBox({
dataSource:[
{ text: "John" },
{ text: "Patrick" },
{ text: "Simon"}
],
dataTextField:"text",
label: {
content: "First Name",
floating: true
}
});
});
</script>
The following example demonstrates how to set the floating label from a function:
<input id="combobox" />
<script>
$(document).ready(function(){
$("#combobox").kendoComboBox({
dataSource:[
{ text: "John" },
{ text: "Patrick" },
{ text: "Simon"}
],
dataTextField:"text",
label: {
content: function(){
return "First Name";
},
floating: true
}
});
});
</script>