Unanswered

Enable/Disable Text Input control based on click of a button/Icon

(0) Share

Report

Posted on by Prateek9

Hello All,

I am building a part of solution where data is getting directly populated in Text Input Control from other source but if data populated is wrong , user has an option to change it by clicking on edit icon .

So the requirement is that initially the text input control should be in disabled mode (as it already has pre-populated data from another source) and when user clicks on "Edit" Icon , below things should happen :

1. Text Input control should be in Edit Mode.

2. Edit Icon should change to "Check" Icon.

Once User has entered the correct data , user clicks on the same "check" icon which then makes the text input field "Disabled" and change the "Check" icon back to "Edit" icon.

Can you please help me with the code as i am totally confused with it.

Thanks and Regards

Categories:

Building Power Apps

I have the same question (0)

All responses (2)

Answers (1)

Verified answer

WarrenBelz 153,034 Most Valuable Professional on at

Like (0)

Report
Hi @Prateek9 ,

OnVisible of the Screen

UpdateContext({varEdit: false})

OnSelect of the Icon

UpdateContext({varEdit: !varEdit})

Icon property of the Icon

If( varEdit, Icon.Check, Icon.Edit )

DisplayMode of the Text Box

If( varEdit, DisplayMode.Edit, DisplayMode.Disabled )

Please click Accept as solution if my post helped you solve your issue. This will help others find it more readily. It also closes the item. If the content was useful in other ways, please consider giving it Thumbs Up.

MVP (Business Applications) Visit my blog Practical Power Apps

Was this reply helpful? Yes No
Prateek9 96 on at

Like (0)

Report

@WarrenBelz
thanks a lot , it worked like a charm. 🙂

Was this reply helpful? Yes No