We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Placeholder text location


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..


1 Reply

SP Sureshkumar P Syncfusion Team November 8, 2019 06:14 AM UTC

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  
Sureshkumar P 

Live Chat Icon For mobile
Up arrow icon