Copy Electronically Sign Checkbox with airSlate SignNow

Fax initials checkbox

this is a pleb and this is gonna be a quick tutorial on how to use checkboxes in apps pretty important things to be creating and designing apps with so I clicked on design what I'm gonna do is just throw in a not a radio button right now but checkboxes one two three and then I'm gonna say I don't know dog label and this is gonna say dog I don't know that's what it is add that I'm gonna say cap Liu and this is gonna say cat yeah okay and then other label and this is gonna say other okay pretty straightforward here and we can whoa apparently not we can change the size of one but regardless I'm just gonna leave these this checkbox one check box to check box three you really shouldn't normally you would name them like dog check or cat check that way you can actually keep track of what is going on now I'm gonna put in a submit button and I'm just going to title this submit beat you in and submit it now let's have another page another screen and I'm gonna say dog screen and so what we want is for the computer to understand what has been selected or for us to be able to react what has been selected based on what the users input is there a phone what could symbolize the dog happy because dogs are awesome okay boom so here's our dog page and then let's throw on a different screen and okay and then image and this is gonna get offensive but not a huge fat cat fan so sorry people but thumbs down it is hey thumbs down and then whatever red if we wanted to display some information as well let's see we got screen one was this cat dog okay so what we could do is you could create a variable to hold the info so if we wanted to use what you chose we could also do that so for instance I'm only going to do this on one just so we don't take up a bazillion hours because you can plan this out and build this out yourself but it's text will say it'll do and I'm writing it say hello because dog screen label dog screen because I want to show you how to change it so what we'll do now is start coding and screen one and we need a non-event and it's just gonna be on the event that what it that submit submit button is clicked what do we want to have happen well first to show you the values actually on the event that submit button is clicked I'm gonna say set property and I'm going to do dog label alright this guy right here dog label and text and what am I gonna have it equal to well let's have it equal to whatever this checkbox equals and checkboxes are kind of weird because they are only set right here get checked to true or false so let's see checkbox one a checkbox to we're going to check on I'm just gonna call this variable two and then what am I going to set the text well if I'm going to set it to be equal to a variable I'm gonna delete all that right or - oh I guess this is for the dog label so check well whatever cat label it is all right let's hit run and if I hit submit false right because - right now is equal to false what do I do this true so if I set a variable equal to this maybe I want cat to be equal it will hold true or false it gets the check box if there's a check in it it is true if there's not a check that is false and that's how this can be used to navigate to other pages right and you can even do this by the way you don't have to have a variable for it whoops I'm gonna do the ctrl Z you could put it down here if you wanted so what I would do then is to navigate to another page I would use it by control and so I'm gonna say if and maybe I'll say get checkbox one which remember is the dog let me do another plus here and then I'm gonna go to copy paste because it's faster always be careful when you do this though get checkbox - okay so if this is equal to true and the only way it's equal to true if it's actually checked then we're going to go to page Oh quick let me get rid of set property get rid of this then we're gonna go set the screen so where you would set screen to what well the dog screen right dog screen else if a cat is true what are we gonna do we're gonna set the screen to what well the cat screen exit so now it should change based on if check box one is checked and if check box - is checked let me check cat it's me does sometimes code.org doesn't function properly I'm gonna refresh my computer I'm gonna hit f5 on mine but it's the arrow up at the top next to the address bar I'm gonna just refresh the screen because sometimes it will mess up and block node sometimes you have to go into text mode then you have to refresh it and then you have to go back because my code is correct so now let's try it out I'm going to run I'm gonna click on dog and hit submit and there we are we just want your dog I'm gonna click run I can click on cat I can hit submit and now say they wanted to get really fancy what if you wanted to take them somewhere only a wolf checkboxes were checked well in that case what you could do is you would want to check that first but you could do a let's add a screen I'm just gonna change the color of 103 oh there we go cool so that's how we'll know if we're on this screen what we could do is if we want to know if both buttons are checked we could add in another Ellis also okay and I'm gonna actually take this down one because you would have to do this first to check for these situations before you would check for single ones because if they're both checked we would hit this this would be true and it would never check both so if you want to check for both things being checked we would use an and and conditional operator all right and then I'm just gonna show text real quick just copy and paste it's easier what I'm doing is hitting command C on my keyboard command C I mean ctrl C on my keyboard command C if you're on a Mac and then command B so oops that was too much so no it wasn't control I'm redoing that undo I have one extra parenthesis here there so now this checks if both are checked because this is only true if both of these are checked and then what was I going to do well if both of those are checked I can set the screen to that new screen I just added which I didn't name called screen I'm gonna get rid of this let's try it up dog okay spit new screen now if I do run and still just you cat some it but I again I want to point out let's just flip these real quick drag that guy down to here and drag that down here drag this up here here okay put this on spot too now if I do my and and right here it's never gonna happen and that is because if I have box one checked if I have dog checked I hit submit and it's always gonna go to the dog screen even if I check both of them because it doesn't care if I have both check it only cares if I have what box one checked so it says yes this is true runs this we go to the dog screen and doesn't run the rest this is why if you want to check for two you have to have it at the top but yeah and that's how you can really put together a nice system of filling out forms or using check boxes in application for movement I hope you're building something awesome