Add Confirmation Agreement Mark with airSlate SignNow

Add Confirmation Agreement mark

hi in this video you're gonna learn all about how to create confirmation pop-up screens inside your pal wraps application so stay tuned so you build an application that has a really critical point path perhaps you want to delete a record or you want to confirm before if somebody sends an email to the entire company well this common application technique of popping out the confirmation saying are you sure you wanna do this action is what we're going to cover in this short video so let's go back to our application that was a Salesforce application where we were searching for an account once he found the account we show a list of users in that account and then we give you a map this is from our last two or three videos we've been doing so what I want to produce today is a delete box and before somebody deletes that user I want to make sure I confirm are you sure you want to do that so first of all I'm gonna go inside this this gallery I'll go ahead and pick an item hit little pencil icon pick an item I'll pick a separator for example and then inside the icons all pick a trashcan the whole reason I'm inside the galleries to make sure that I should see this trashcan three times in my instance to show that I've actually ripped that I'm inside the repeater not outside the the gallery so with that now done let's go ahead and not wire it up quite yet but let's go ahead and create our it's going to leave this guy here let's go ahead and create our instance whoops and do that for time being we'll come back to it later let's go ahead now and create our little pop-up it's going to happen from that so to do that well it's a little bit around inside a pal wrap it's not a no direct screen you can pop-up or some temporary thing so don't do that what we're gonna do is we're going to create a CH a shape on top of our screen give it a kind of translucent look put our question on there you sure you want to delete this yes no and then hide it and show it based on certain kind of actions that have been created so to do that let's go inside and create our shape first under the icons area you'll find these icons all the way at the very bottom will find our rectangle there alright we'll go and occupy the entire space and you'll see under the main properties I fill color of some sort so let's go for a nice light color like a light bluish color and then you'll notice when I go to the advanced properties or I can also see it under fill right here but the advanced properties down below that reason to 41 to 44 if whatever that is right there that one is what I wanted to bring your attention to that one represents how translucent is this how much how much transparency is there 100% in this case 1 means you cannot see through it but if I did like a point 5 I'll be able to see through it 50 percent so point 5 is little too too little then you point 7 or 0.8 it's probably the right answer let's go just try 0.8 yeah that's about right so you still see what's going on inside the application but you could tell that hey we're overriding the application to make you do something now we'll do a quick label ok and we'll say something as simple as are are you sure you want to delete and then I will pick the whatever use where they clicked in that case it is a gallery it's gallery browse browse contacts selected dot name so you sure you want to delete preview user in my example here let's put that into a little more obvious spot there we go to where there obviously you have to have to answer a question now let's also make that nice bright text nice and bright text at home and let's bold that make it nice and red so you can't miss it and let's make it nice and bold and let's also increase the size of the font so we really are jumping out the user here hey you got it you gotta answer something inside of this ok so now with that done oh I also need a question mark my my grammar is going to kill me here my wife who's an English major at one point all right there we go and we'll stop there are you sure you want to delete portal previews or now only two buttons a yes and a no so let's go ahead and create those real quick just a quick button for yes and a quick button for no there we go now we're also gonna label these because it becomes a little difficult to find what button is doing what so I'll just kind of call this BTN yes and BT uh no actually course got better names but no alright so let's say this guy here is gonna be the answer yes this guy here is gonna be the answer of no that's won't be the prettiest pop-up screen ever but I'll say no I'll say cancel so it's very obvious what we're doing when you hit the cancel button okay now with that done if you say yes I want to of course and remove the record so I'm gonna wire this up at this point if she removed the record so the on select event here is going to be a removal not the trashcan the trashcan is going to hot open up this pop-up window and the the cancels wanted to disguise it so for the cancel button let's just go to wire this one up first here so the cancel button let's go ahead and create a new variable and we'll go ahead and do update context now by doing update context it's going to be a contextual variable variable meaning it's only available on this screen only it's not a global variable which is set with a set command the update contacts means it's only available for this screen so we can kind of have more of them and kind of play along here and the way you set these a little different also so the update context if I say variable show pop up then I do a colon here to set that one so I'll say false which is going to hide it and then I'm gonna use that same one over here for the yes right so after I after I say yes I'm gonna hide that variable hide the pop-up screen and do the delete so let's go ahead and do our delete next so you made a number of some past ones it's um remove we then specify what we want to remove remember the contact and my Telus is not kicking ings I don't have the there we go contacts thank there it is and then what contact do you want to remove well in my case you notice up top here it's telling what I wanted to do where are used to doing that this item inside of a gallery so in here we're gonna spointer222 as your number we'll have that gallery called gallery browse contacts there it is dot selected close parentheses and there we go so now it's going to remove the contact and then also should then also a hide hide the screen as soon as it's done with that we could also go through and have a little spinner or some of that showing uh since you're doing work before it does that as well so there's lots of things we can do and we have a whole video on spinners in our I think last week we did that also okay now Patricia this let's go ahead and make all these items here kind of group together so I held down the control key while I selected all four or five items here and then the onus is right here so they have four items selected and when I go to home I'm going to specify that I want to group these together and I'll call this group pop-up so everything underneath there I want to hide and I want to show based on certain variables and heat might we had that variable called var pop up show pop up Rob what about what's call it for so the visibility of this pop up if I go to on visible the visibility right now us at the true so instead of doing that we're going to set the visibility to be equal to whatever the variable is set to and so that way we're never have to say if-then statements we're just gonna go ahead and say the visibility is gonna be equal to whatever that variable set we'll set up with if it Durrett with it with the delete key and then we'll create it again when we will hide it again inside those yes/no fields so in our case we had that variable there show pop up right there so Amelia hides because our default value in our case that pop up that variable is false now to do this I'm going to select my my little trash can I'm gonna leave the select parent and I'm gonna say a semicolon after it I want that update context keep my it's gonna update our contextual variable and it's gonna be var show pop up and there we go it's gonna be true now there we go so now when I select this drop-down box we couldn't play this real quick see how easy this is so I select this again will he'll pick on a user we want to remove how about we pick some e at the bottom here like Matt Martin hit delete key are you sure you want to delete them notice nothing else I can't click on anything else right now I can't scroll this I have complete focus on the application if I hit cancel it goes right back Matt Martin is still there if I had to leak key again hit yes it's going to remove it and then Matt Martin after a few seconds it's for a spin would be really useful wouldn't it and a few seconds is gonna refresh and Matt Martin is now gone again just for reinforced how we do the spinner before we can put spinners with again that their same variable to show it and hide it again the same variable ultimately right our different variable to show it and then hide it on demand so this is how we can kind of create a fairly attractive looking attractive looking good delete option here we're in go through cancel and delete and we can use that for you know big emails or big deletes as we go through these all right well I hope you enjoyed this presentation on how to create your own popups inside of power apps as you can see the very simple process is creating a triangle I was creating it's a rectangle excuse me I'm making a little bit translucent will transparent and they're having variables show or hide that after you group it together this is all part of our training classes you can get the information for that down below and we also love to build applications for you so if you go to our website at pragmatic orcs comm we can also build an application for you there as well tomorrow's app will be doing some translation services around around translating this to Spanish or English or whatever language you want to as well hope you enjoyed this have a great day goodbye you [Music]