cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Xinlin
Helper II
Helper II

Disable Submit Button

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. 

2 ACCEPTED SOLUTIONS

Accepted Solutions

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. 

 



-------------------------------------------------------------------------
If I have answered your question, please mark your post as Solved.
If you like my response, please give it a Thumbs Up.

View solution in original post

SebS
Memorable Member
Memorable Member

@Xinlin

 

I think @Pstork1 approuch is excellent, but it can be difficult for beginners to extend. I got some time, so I did sort out Your problem. I hope this is what You are looking for.

 

SebS_1-1670096276742.gif

 

Here is the code I used for the button :

 

If(
    (!IsBlank(A) && !IsBlank(B) && !IsBlank(C) && !IsBlank(D.Selected.Value)) && (D.Selected.Value = "Instrument 1" && !IsBlank(E)) || (D.Selected.Value = "Instrument 2" && !IsBlank(F)) || (D.Selected.Value = "Instrument 3" && !IsBlank(G)) || (D.Selected.Value = "Instrument 4" && !IsBlank(H)),
    DisplayMode.Edit,
    DisplayMode.Disabled
)

 

And here is the Code I used for the visibility of buttons :

 

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

 

Make sure to change numbers based on control from Instrument 1 to 2, and so go on.

 

Hope this helps


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

View solution in original post

13 REPLIES 13
SebS
Memorable Member
Memorable Member

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

 


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

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 

 


 
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 
Pstork1
Dual Super User
Dual Super User

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.



-------------------------------------------------------------------------
If I have answered your question, please mark your post as Solved.
If you like my response, please give it a Thumbs Up.
Xinlin
Helper II
Helper II

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.

 

cha_cha
Resident Rockstar
Resident Rockstar

@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)

  


 
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 

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. 

 



-------------------------------------------------------------------------
If I have answered your question, please mark your post as Solved.
If you like my response, please give it a Thumbs Up.

@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. 

SebS
Memorable Member
Memorable Member

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


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

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)

 

Helpful resources

Announcements
Power Apps News & Annoucements carousel

Power Apps News & Announcements

Keep up to date with current events and community announcements in the Power Apps community.

Community Call Conversations

Introducing the Community Calls Conversations

A great place where you can stay up to date with community calls and interact with the speakers.

Power Apps Community Blog Carousel

Power Apps Community Blog

Check out the latest Community Blog from the community!

Top Solution Authors
Top Kudoed Authors
Users online (4,071)