How to add a floating label to the EjsDatePicker?

Thread ID:	Created:	Updated:	Platform:	Replies:
150164	Dec 23,2019 01:57 PM UTC	Dec 24,2019 11:34 AM UTC	Blazor	2

Subscribe to this post

Tags: DatePicker

Ying Wu

Asked On December 23, 2019 01:57 PM UTC

Thanks.

Reply | Reply with quote

Ying Wu

Replied On December 23, 2019 02:43 PM UTC

I figured it out :-)

I add the FloatLabelType attribute to EjsDatePicker:

The FloatLabelType has to be Always, otherwise the label will not stay floating when the field out of focus.

Thanks.

Reply | Reply with quote

Sureshkumar P [Syncfusion]

Replied On December 24, 2019 11:34 AM UTC

Hi Ying,

Greetings from Syncfusion support.

We have validated your requirement with shared code. We would like to say that in our floatLabelType as Always showcased placeholder as placed above of the component.

Kindly refer the screen shot for floatLabelType as always

Please refer the floatlabelType property value and behavior

Property value	Usage
Never	The placeholder text should not be float ever.
Always	The placeholder text floats above the component always.
Auto	The placeholder text floats above the component while focusing or enter a value in Textbox.

We have created a sample based on your requirement. please find the sample here: https://www.syncfusion.com/downloads/support/forum/150164/ze/FloatLabelTyle1516790322

If we are misunderstood your requirement. please reproduce your issue in our attached sample and share the sample with replication procedure that will help us to provide exact solution at earliest.

Regards,

Sureshkumar P

Reply | Reply with quote

CONTACT US

How to add a floating label to the EjsDatePicker?

Thread ID:

Created:

Updated:

Platform:

Replies:

Please sign in to access our forum

CONTACT US