Placeholder for form fields input

Like (0) Share

Report

Posted on 18 Apr 2020 11:36:24 by WebPortal

2,291

Hello,

I've been searching the documentation, and the web but can't find an answer for a very basic question:

How to add a placeholder in the fields of a form in PowerApps?

eg: $1.000,00

So the user knows she must type a number and this is a USD value field.

Thanks a lot!

I have the same question (0)

Summarized by AI

All responses (9)

Answers (1)

Verified answer

eka24 20,921 on 18 Apr 2020 at 11:42:21

Like (7)

Report

Re: Placeholder for form fields input

Select the Textbox and go for the HintText property and put what you want there:

------------

If you like this post, give a Thumbs up. Where it solved your request, Mark it as a Solution to enable other users find it.

Was this reply helpful? Yes No
WebPortal 2,291 on 18 Apr 2020 at 11:49:25

Like (0)

Report

Re: Placeholder for form fields input

@eka24 thank you so much, that was easy 🙂
Just one more thing, if I may: how to format the number of the field to 1.000,00?
That is, dots for thousands separators and commas for decimals.
Cheers

Was this reply helpful? Yes No
mdevaney 29,987 Moderator on 18 Apr 2020 at 12:00:16

Like (2)

Report

Re: Placeholder for form fields input

@WebPortal

Looks like I posted once @eka24 already had a good solution. I must have missed it... so I am removing my post 😉

---
Please click "Accept as Solution" if my post answered your question so that others may find it more quickly. If you found this post helpful consider giving it a "Thumbs Up."

Was this reply helpful? Yes No
GarethPrisk 2,826 on 18 Apr 2020 at 12:03:04

Like (1)

Report

Re: Placeholder for form fields input

Additionally, you can limit the input to only numbers using the Format property of the TextInput. https://docs.microsoft.com/en-us/powerapps/maker/canvas-apps/controls/control-text-input

I realize this will preclude users from entering a $, or ',' but it can be helpful for ensuring that only numbers are being entered/used. A useful approach for this is to have one control for input (TextInput as a number), and another for showing the value with a particular format (such as currency). There are a few examples of ways to format your number as currency here: https://docs.microsoft.com/en-us/powerapps/maker/canvas-apps/functions/function-text#number

Was this reply helpful? Yes No
WebPortal 2,291 on 18 Apr 2020 at 12:09:23

Like (0)

Report

Re: Placeholder for form fields input

Ok, but how/where to enter the "Text" function.
In Excel, this would be "Format Cells..." in the context menu...😊

Was this reply helpful? Yes No
GarethPrisk 2,826 on 18 Apr 2020 at 15:43:17

Like (1)

Report
Re: Placeholder for form fields input

See the sample app attached. Go to https://us.create.powerapps.com/studio/# and then Open, and select the file (after you download it).

Basically, I've placed a Label over a TextInput. Using a variable, they will toggle the visibility of one of the control's, while the other's visibility is the inverse. Meaning - they won't ever be visible at the same time.

OnChange function for TextInput
UpdateContext({locShowLabel:true})
Visible Properties:
Label: locShowLabel
TextInput: !Label.Visible

Then the Text property of the Label is the Text function we described, while the TextInput is a number input mechanism only.
Text(Value(TextInput1.Text), "[$-en-US]$#,### USD")

Hope this helps! You'll obviously need to adjust to your needs. FYI: you can copy controls from Studio session to Studio session, if you want to copy these over as starting points.

PowerUsers Text I...

Was this reply helpful? Yes No
WebPortal 2,291 on 18 Apr 2020 at 18:05:50

Like (0)

Report

Re: Placeholder for form fields input

Interesting solution, thanks for sharing!

PS:
In JavaScript / JQuery this a lot easier to do, I'd say a low-code platform should not be so complicated.

Was this reply helpful? Yes No
AntoinetteB 145 on 08 Jul 2021 at 20:12:36

Like (0)

Report

Re: Placeholder for form fields input

How would one find the Hint Text property on a Choice field? I would like to change the placeholder text "Enter value here" to something else, but I cannot find the correct property in Power Apps. There is no Hint Text property. Thanks.

Was this reply helpful? Yes No
Community Power Pla... on 19 Apr 2023 at 17:51:22

Like (0)

Report

Re: Placeholder for form fields input to Model driven app in powerapp

How can i add a Placeholder for form fields input to Model driven app in Power app instead of empty text box i wanted add a place holder.. Please help me on this.

Was this reply helpful? Yes No