Solved: On select and Visibility in popup

Dorinda · ‎03-10-2022

I have an app that has a gallery that has an icon that when clicked popups up a form in ViewMode, I have added a new button to create a new record.

On the New Record button I have this code:

UpdateContext({lclPopUp: "Info"});
NewForm(Form3_2)

Works great and opens the form correctly.

The issue is that if the user decides they do not want to create the new record and they click on the cancel button I want it to close the popup and return them to the gallery.

If i just hit the X for the whole setup it closes but leaves the two buttons visible and I am not sure sure how to get them to hide again when the form mode is NEW

When the form is selected from the gallery it works as expected

How do i get the funcationality to have it appear only when in New or Edit mode and to close when in NEW mode if the cancel button or the X in the popup are hit?

TheRobRush · ‎03-14-2022

Going to list every button and icon i have below, their visibility & onselect (both if both have code, one of the two only when other is default). My code won't have the lclPopUp variable as it is not necessary for the functionality. I am not 100% sure what you are referencing when you say closes the form but not the "popup" but if its just like a shape behind your form for aesthetics, make its visibility have same value as the forms visibility and it should appear/disappear same as your form. Here we go.

First I have a

<New Form> button, in my example its always visible so no change to its visible value, and an OnSelect of

NewForm(Form3_2);
Set(newversionVar,true)

Next to that I have a

<View Form> button, also always visible so no special visible value, OnSelect it

ViewForm(Form3_2)

My

<Form> has a visible value of

If(Form3_2.Mode=1, newversionVar, true)

Clicking on <New> gives you a form with the following buttons

OnSelect of

Switch(
        Form3_2.Mode,
        0, ViewForm(Form3_2),
        Set(newversionVar,false))

Visible of

If(Form3_2.Mode=FormMode.New && newversionVar=false || Form3_2.Mode=FormMode.View ,false, true)

<Save>

Visible of

If(Form3_2.Mode=FormMode.New && newversionVar=false || Form3_2.Mode=FormMode.View ,false, true)

OnSelect of

Switch(
        Form3_2.Mode,
        0, SubmitForm(Form3_2); ViewForm(Form3_2),
        SubmitForm(Form3_2); NewForm(Form3_2);Set(newversionVar,false))

Clicking on <View Form> button gives you the form with a Edit Button

<Edit>

has OnSelect of

Switch(
        Form3_2.Mode,
        2, EditForm(Form3_2))

and a Visible of

If(Form3_2.Mode=FormMode.New || Form3_2.Mode=FormMode.Edit,false, true)

There is also an X Icon I placed at top right of form that appears in view mode,

Onselect of

NewForm(Form3_2);
Set(newversionVar,false)

Visible of

And(Form3_2.Visible=true,Form3_2.Mode<>1)

Save and cancel buttons that appear when you click edit are the same ones from the New Form button, so do not need to be added again.

So to summarize,

My setup on my test app has

5 Buttons

<New>

<View>

<Save>

<Edit>

1 Icon

1 Form

<Form3_2>

And functions like this,

Click New Form, Get a form with blank data for you to input, this form has a cancel button to remove this form and all it's buttons without a submission, and a save button to submit the entry and close the form and all of it's buttons

Click View button and it will display the form in view mode, showing the data you have selected (you will need to add the data selection method you are using to the view buttons on select but you haven't asked about that so I assume you have that down) The view mode has one button, edit, which switches form into edit mode which re-displays your cancel and save buttons, they do what you would expect, cancel goes back to view without saving, save will goto view and save. There is also an X in upper right of view/edit form that lets you just close the form.

Hope typing it all out in a single post helped out.

I have this functional on my side.

_____________________________________________________________________________________
Like my answer? - Hit that Thumbs Up. Resolved the Issue? - Hit Accept as Solution.
This helps others find solutions to future issues!

View solution in original post

Dorinda · ‎03-15-2022

@TheRobRush

I figured it out

Switch(
    Form3_2.Mode,
    0,
    ViewForm(Form3_2),
    Set(
        newversionVar,
        false
    )
    && UpdateContext({lclPopUp: Blank()}
))

by adding the updatecontext it fixed the last issue thank you so much!!

View solution in original post

TheRobRush · ‎03-10-2022

What is the current code in your cancel button

_____________________________________________________________________________________
Like my answer? - Hit that Thumbs Up. Resolved the Issue? - Hit Accept as Solution.
This helps others find solutions to future issues!

Dorinda · ‎03-10-2022

If(varMode="Edit",ViewForm(Form3_2),EditForm(Form3_2));

Dorinda · ‎03-10-2022

If(varMode="Edit",ViewForm(Form3_2),EditForm(Form3_2));

TheRobRush · ‎03-10-2022

I am a little confused why that

If(varMode="Edit",ViewForm(Form3_2),EditForm(Form3_2));

Is closing anything at all, is there a visibility based statement on your form based on the form mode? cause that code it only switching forms mode from edit to view etc

_____________________________________________________________________________________
Like my answer? - Hit that Thumbs Up. Resolved the Issue? - Hit Accept as Solution.
This helps others find solutions to future issues!

TheRobRush · ‎03-10-2022

Either way give this a try, threw this on a button in the visibility of the control on my own app, then cycled through the various display modes of a form, edit/view/new and button only appeared for new forms

If(Form3_2.Mode=FormMode.Edit || Form3_2.Mode=FormMode.View,false, true)

_____________________________________________________________________________________
Like my answer? - Hit that Thumbs Up. Resolved the Issue? - Hit Accept as Solution.
This helps others find solutions to future issues!

Dorinda · ‎03-10-2022

I think I gave you the wrong code sorry about that, that was the onselect, anyway I tried

lclPopUp = "Info" &&
If(Form3_2.Mode=FormMode.Edit || Form3_2.Mode=FormMode.View,false, true)

They do show up in new form mode just fine, however, when I click the cancel button it just takes the mode out of new and puts it to edit and then leaves the window open.

I am using the Save and Cancel button when the form is in New or Edit mode. I dont know how to make it all work?

Dorinda · ‎03-10-2022

@TheRobRush I think I almost have it

If(Form3_2.Mode=FormMode.Edit || Form3_2.Mode=FormMode.New ,true, false) ;
ResetForm(Form3_2);

UpdateContext({lclPopUp: Blank()})

The only issue now is that when the cancel button is clicked when in EDIT mode I do not want it to update the context I just want it to return to View Mode.

Is that possible with the above formula that is working correctly with the form in New mode?

TheRobRush · ‎03-10-2022

Ok in example i am working on form 6

Buttons visibility is set to

If(Form6.Mode=FormMode.New || Form6.Mode=FormMode.View,false, true)

So it only appears in when form is in edit mode,

its onselect has

Switch(
        Form6.Mode,
        0, ViewForm(Form6))

this checks the forms mode, and if it is edit, changes it to view (which will also hide the button. You can add other stuff to the button after or before, and also other checks on that switch, the enum for edit form is 0, new is 1, view is 2 (the enum is what we reference in the switch above)

_____________________________________________________________________________________
Like my answer? - Hit that Thumbs Up. Resolved the Issue? - Hit Accept as Solution.
This helps others find solutions to future issues!

Dorinda · ‎03-10-2022

Well that worked well if the form is in EDIT mode but didnt work to close the window if it is in NEW mode. I tried missing with the numbers and no joy 😞

On select and Visibility in popup

Helpful resources

Community will be READ ONLY July 16th, 5p PDT -July 22nd

Summer of Solutions | Week 4 Results | Winners will be posted on July 24th

Check Out | 2024 Release Wave 2 Plans for Microsoft Dynamics 365 and Microsoft Power Platform

Updates to Transitions in the Power Platform Communities