Answered

Disable Submit Button

(0) Share

Report

Posted on by Xinlin

Hi,

I have a form that supposed to not let user to submit until the relevant fields have been filled up. Let me picture a clearer context on this situation:

General Field: Field A (text), B (text), C (text), D (lookup dropdown) are compulsory to be filled/ selected.

The lookup dropdown Field D let users to select a certain 'Instrument' and based on the instrument other fields E, F, G, H will be show/ hide based on the selected 'instrument'.

Example: 'Instrument 1' selected - Field E show

'Instrument 2' selected - Field F show

If Instrument 2 is selected, Field E will be hidden and user don't need to fill it up.

My current formula only able to disable the submit button if the general field A, B, C, D are not filled up. I tried to fit in the rest of the Field EFGH, but I realized using && or || doesn't work for these non-general field. Is there any other way that I can disable them?

Here's a sample of my current formula:

If(!IsBlank(A) && !IsBlank(B) && !IsBlank(C) && !IsBlank(DateValue2_1) && !IsBlank(D.Selected), DisplayMode.Edit,DisplayMode.Disabled)

Thank you.

Categories:

Building Power Apps

I have the same question (0)

All responses (13)

Answers (2)

SebS 4,616 Moderator on at

Like (1)

Report
Hi @Xinlin

I'm not sure if I got it right.

You could use the visible property of each field E,F,G,H and place the formula there that will put the visible true or false base on the choice of Field D means when "Instrument 1" is selected, Field E will show up and rest of the field will stay hidden.

Try to place in the Visibility property of filed E code.

(D.Selected.Value = "Instrument 1")

if it returns true the Field E will become visible do same to other fields just change Instrument

Was this reply helpful? Yes No
cha_cha 4,932 Moderator on at

Like (1)

Report
Hello @Xinlin

As I understand, please correct me if I'm wrong, that you want the button to be disabled until all the fields are filled. This code would be my suggestion.

If(IsBlank(A) Or IsBlank(B) Or IsBlank(C) Or IsBlank(DateValue2_1) Or IsBlank(D.Selected), DisplayMode.Disabled, DisplayMode.Edit)

✔️
Just in case you my answer helped you solve your problem, please mark/accept this as a SOLUTION. This helps community members if they experience a similar issue in the future.

🔗
🕸bistek.space 🐦 @cha_bistek 📺 @BisTekSpace

Was this reply helpful? Yes No
Pstork1 68,717 Most Valuable Professional on at

Like (2)

Report

When I am disabling a button based on Visible fields being filled in I usually do it by creating a counter of the fields to be filled in. A baseline number is set when the screen becomes visible. In the OnChange event for each field I then increment/decrement the number based on whether the field becomes filled in or is blanked out. The display mode of the button is set to If the number is less than or equal to zero.

For your situation you would need to make one change. When the dropdown selection is for Instrument is picked you would need to increase the counter for however many fields you are adding based on that pick.

Was this reply helpful? Yes No
Xinlin 82 on at

Like (0)

Report

Yes @cha_cha, I'm looking to disable the button but I'm trying to let Field EFGH to be included in the formula too but struggle to do it due to the dependency of Field D.

@Pstork1 Can you roughly draft the formula so I could better picture how it could work?

Thank you.

Was this reply helpful? Yes No
cha_cha 4,932 Moderator on at

Like (1)

Report
@Xinlin

Can you please try this logic? I'm also keen on learning @Pstork1 on ways to this but would want to know if this kind of logic is possible.
If( IsBlank(A) Or IsBlank(B) Or IsBlank(C) Or IsBlank(DateValue2_1) Or IsBlank(D.Selected) Or (E.Visible And IsBlank(E)) Or (F.Visible And IsBlank(F)) Or (G.Visible And IsBlank(G)) Or (H.Visible And IsBlank(H)) , DisplayMode.Disabled, DisplayMode.Edit)

Was this reply helpful? Yes No
Verified answer

Pstork1 68,717 Most Valuable Professional on at

Like (3)

Report
Here's the way it works

In OnStart and Screen.OnVisible

Set(emptyFields,<<number of empty fields on default screen>>)

In Each Control set OnSelect to the following to store whether the control is currently blank

UpdateContext({temp: IsBlank(Self.Text)})

In Each Control set the OnChange to the following to update the emptyFields count as each field is changed. This will add 1 to EmptyFields if the field is currently filled in and the value deleted. It will subtract 1 if the field is empty and filled in. If only the value changes, not whether its empty or filled in then the count won't change.

If( temp, If( IsBlank(Self.Text), false, Set( emptyFields, emptyFields - 1 ) ), If( IsBlank(Self.Text), Set( emptyFields, emptyFields + 1 ), false ) )

In the DisplayMode of the Button then its just

If(emptyFields <= 0,DisplayMode.Edit,DisplayMode.Disabled)

The one additional thing you would need to do is to change the EmptyFields count as additional controls are hidden or made visible based on the selection in the dropdown. You may also have to adjust the formula for different types of controls. For example, a dropdown you would need to check if the selection is different from the default since they're never really blank.

EDIT: Here's the code to add the extra fields to the EmptyFields count when the user picks from the dropdown. Where Instrument makes one field visible and Instrument2 makes two fields visible.

If( Self.Selected.Value = "Instrument1", Set( emptyFields, emptyFields + 1 ), false ); If( Self.Selected.Value = "Instrument2", Set( emptyFields, emptyFields + 2 ), false )

There are a number of formulas here, but its essentially the same set for each control and the formula on the button is always the same. So this can expand to cover as many controls as you need.

Was this reply helpful? Yes No
Xinlin 82 on at

Like (0)

Report

@cha_cha Thanks for your input! Tried the provided logic but it doesn't work the way I wish it to be.

Example:
If Instrument 1 selected: Field E visible, submit button disabled until filled. (nice!)
If Instrument 2 selected: Field F visible, but submit button is disabled because of the condition set for Field E.

Hope this example could provide a better context of the current challenge I'm facing right now.

Was this reply helpful? Yes No
SebS 4,616 Moderator on at

Like (0)

Report

This is really nice approuch and good to know. Thank You for sharing it @Pstork1

Was this reply helpful? Yes No
Xinlin 82 on at

Like (0)

Report
Thank you @Pstork1! Can I set condition for the number of counts on the button depending on the number of fields appearing based on the instruments?

Assuming the total emptyField = 25,
In Instrument 1, there will be 15 emptyField
In Instrument 2, there will be 9 emptyField

I tried to set the button to something like this but it came back with error.
If(D.Selected.Value= "Instrument 1", (emptyFields <= 15, DisplayMode.Edit,DisplayMode.Disabled)

Was this reply helpful? Yes No
Pstork1 68,717 Most Valuable Professional on at

Like (1)

Report

The problem with that approach is that emptyFields is a running count so you can't just change it to an arbitrary number. Instead you'll need to add or subtract the number of empty fields being made visible/hidden by whatever selection you make.

Was this reply helpful? Yes No