Add placeholder to the numeric text box

Dan

Posted on: 19 Jan 2022 17:03

Thanks for the update, and I appreciate you getting this on the schedule. I must admit I was quite baffled by this thread. Looking forward to seeing this in 3.1 :)

ADMIN

Nadezhda Tacheva

Posted on: 19 Jan 2022 16:56

Hello Dan,

Indeed, placeholder for the NumericTextBox is a must have, so we scheduled its implementation for as soon as possible. The feature will be live in our next 3.1.0 release. If you have followed the item, you will receive an email once is status is changed to "Completed".

Regards,
Nadezhda Tacheva
Progress Telerik

Learn about the important changes coming in UI for Blazor 3.0 in January 2022!

Dan

Posted on: 09 Jan 2022 16:34

Absolutely ridiculous that this wasn't within the initial scope when the component was developed. Why would you ever imagine that someone might build a form with a Text Input that requires a text placeholder like "Put Foo here".... but somehow magically if I'm using a Numeric text box my placeholder requirement magically disappears. I realize the product may have many other high priority issues but this needs to be done.

Chun

Posted on: 07 Jan 2022 05:56

+1 for this feature

ADMIN

Marin Bratanov

Posted on: 16 Nov 2021 18:02

Hi Steve,

You could set the Value of the numeric textbox and also set its Enabled parameter to false to show a read-only value, if this is an option for the UX you are after.

Another approach would be to use InCell editing so the value (or any other custom default placeholder) can be rendered (custom code and rendering can be done via the cell template), and then when the user clicks the cell, they will get the editor with the actual value.

Regards,
Marin Bratanov
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Steve

Posted on: 16 Nov 2021 17:03

I find this very important for my system as well. I am using the placeholder to display the default value for a text field, but cannot do so for numeric fields. In my example, the placeholder is displayed (grey) in the SKU column when the user has not overridden the default value, or black if they have. Unfortunately this does not work for numeric PRICE field.

Attached Files:

capture.JPG

ADMIN

Marin Bratanov

Posted on: 21 Apr 2021 17:15

Hi Lance,

You can Follow the implementation of more label features or a separate component (I don't yet know that will be provided) in this page: https://feedback.telerik.com/blazor/1447949-be-able-to-add-a-label-to-all-components-datepicker-datetimepicker.

Clicking the Follow button is the best way to know when it gets implemented - as soon as we know, we will add the release number and update the item's status.

I've also added your Vote for it in your behalf, you can do so yourself for items that interest you too, just click their corresponding Vote button.

Regards,
Marin Bratanov
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Lance

Posted on: 21 Apr 2021 03:28

I managed to get something half working from another example but it is drawing the -1 value over the label, so there needs to at least be a way of telling it -1 doesn't count as a value (or whatever)

<FloatingLabel Label="Minimum Sell" IsEmpty="@(() => searchCriteria.Order.MinimumSell == -1)">
<TelerikNumericTextBox @bind-Value="@searchCriteria.Order.MinimumSell" Id="minimumSell" Width="100%"></TelerikNumericTextBox>
</FloatingLabel>

I'm kind of counting on this 'labels implemented across the board' so can you give an idea when?

ADMIN

Marin Bratanov

Posted on: 14 Oct 2020 07:44

Hello Avromi,

A placeholder for the numeic textbox is not that trivial. It already has a Format and Decimals rules that govern the display when it is not focused and when it is focused. It is likely that a future release will also bring floating labels across the board, and they also act like placeholders. Then, the next question is - what is considered an "empty" numeric textbox, considering numerical value types have default values and are rarely null - for example, should 0 be considered an empty textbox? What should happen when it focuses - should that zero be converted to the proper number of decimals, or should the placeholder stay? These are the questions and issues that I can think of, and once this gets through the UX design, there might be even more questions. Thus, this requires proper planning, prioritization and execution.

That said, there is no possible workaround - this requires touching the DOM which is not trivial in Blazor from the parent component unless already implemented in the child component. What I can suggest you consider is adding a <label> for that input that tells the user what they should write there, it also helps screen readers and focusing the input.

Regards,
Marin Bratanov
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Avromi

Posted on: 13 Oct 2020 19:05

Hi Marin,

Thank you for the explanation. I understand that there are many other much higher priorities. However this seems to be such a simple item to implement. I may be missing something obvious, but this seems like a change that would take 5 minutes to make. There is nothing custom needed here. a simple way to set the placeholder attribute that is supported in all browsers on inputs. That's it...

Also, do you have any guidance in terms of workarounds?

Thank you

ADMIN

Marin Bratanov

Posted on: 13 Oct 2020 18:57

Hello Avromi,

I am sorry you feel that way. The key reason this is not worked on is that it has a very low priority due to the very low demand - your request a month ago was the first time this was needed in about a year since this component has existed, and it hasn't been requested a second time yet. This means that the public interest is very low in this, and we need to focus on other tasks that have a higher demand, impact and priority. You can, for example, sort the entire portal by popularity to see the difference (link)

Regards,
Marin Bratanov
Progress Telerik

Five days of Blazor, Angular, React, and Xamarin experts live-coding on twitch.tv/CodeItLive, special prizes, and more, for FREE?! Register now for DevReach 2.0(20).

Avromi

Posted on: 13 Oct 2020 16:49

Hi,

can you suggest a workaround for this issue. It is incredibly frustrating that something as simple as this is not implemented. This also makes the placeholder functionality on other form controls completely useless as the basic form controls don't support it. is there a reason that this is not being implemented?

Regards

Avromi

ADMIN

Marin Bratanov

Posted on: 14 Sep 2020 16:15

Hi Avromi,

At the moment, there isn't a placeholder on the numeric textbox. You can Follow this thread for status updates on this matter, and you may also find interesting this similar request for the date pickers (if so, Vote for it and Follow it too).

Regards,
Marin Bratanov
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.