Label for MultiSelectDropdown

Question

Hello,can you provide an example on how to add a label to MultiSelectComponent please? The label should behave like the label of a TextBox. Ideally, it should be a floating label.I am kind of lost how input elements like MultiSelectComponent or Listbox should be used in form. Is there an example of a complete form with all usual form input elements?Regards,Steffen

Jeyanth Muthu Pratheeban Sankara Subramanian · Accepted Answer

Hi Steffen, 

Thanks for contacting Syncfusion support. 

We have checked your query. To enable the floatlabel in Multiselect, we suggest you to set floatLabelType property. Setting floatLabelType as Always set the label element to be floated always at the top of the input element, setting Auto will float the label element when control gets focus and setting Never will not make the label element to float. Also please find the sample below for input elements inside the form.Sample Link       : https://stackblitz.com/edit/multiselect-form?file=index.js 

Please let us know if you need any further assistance on this. 

Regards, 
Jeyanth.

Steffen Harbich · Answer

Thanks, that helped! I didn't notice that the placeholder is the label in that case.

Jeyanth Muthu Pratheeban Sankara Subramanian · Answer

Hi Steffen, 

We are glad to know that your issue has been resolved. Please let us know if you need any further assistance on this. 

Regards, 
Jeyanth.