How to trigger tab (InputText) in Microsoft Power Apps
Ramon Sanchez Belillas
Posted on February 27, 2023
I've recently faced a couple of issues while developing with Power Apps, I haven't been able to find solutions to them on the internet (the closest workaround I've found is to add a timer
with a timeEnd
which seemed a bit odd to me) so I've developed my own solution, but let's explain the issues first:
Problem 1:
- In a formatted text field.
- you add a value (let's say
1000
). - The
onChange
event is triggered. - The field is formatted to
1,000.00
. - The formatted value gets injected to the field.
- Edit the input field adding
1000
again. - The
onChange
event doesn't trigger because it considers it "the same".
Problem 2:
- When you press tab in input field and go to another input field
- The onSelect is not activated because you have to "Click"
SOLUTION:
We need to create two text inputs and one button like that:
InputText 1:
- Create an input text (inputText1)
-
onChange
:
Set(ChangeNumberVar;
Text(
Value(TextInput1.Text);"#,###.00";"ca-ES"
)
);;
Select(Button1)
(nextStep) 3. Default
:
ChangeNumberVar
(nextStep) 4. tabIndex
: 1
InputText 2:
- Create another input text (inputText2)
- tabIndex:3
Button1:
- Create a button (button1)
-
tabIndex
:2 -
Visible
: false -
onSelect
:
Reset(TextInput1);;
SetFocus(TextInput2)
Now you can switch from inputText1
to inputText2
by triggering the OnSelect
trigger using the tab key.
Side Notes:
The main language on my environment is spanish. If the provided solution doesn't work for you, please leave a comment and we can take a look at your specific use-case 😁
Best regards!
Posted on February 27, 2023
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.