Placeholder text location

[Carlos Alarcon]

Hi,

How can I change the location of the placeholder text in the NumericTextBox control?

I'd like to have it in the same area where the number is displayed until the user clicks  up/down or change the value manually..

thanks!

[Sureshkumar P]

Hi Carlos, 

 

Greetings from Syncfusion support. 

 

Yes, we can change our placeholder text location based on the entered value to the numerictextbox component using our inbuild floatLabelType property.  

 

Kindly refer the below code block. 

 

<ejs-numerictextbox placeholder="Select a Number" floatLabelType="Auto"></ejs-numerictextbox> 

 

 

We created a sample based on your requirement. please refer the sample here: https://www.syncfusion.com/downloads/support/forum/148926/ze/NumericTextBox-681736664  

 

To know more about our floatlabelType property, please refer the documentation link: https://ej2.syncfusion.com/vue/documentation/api/numerictextbox/#floatlabeltype  

 

Regards, 

Sureshkumar P