Fax Private Radio Button with airSlate SignNow

Fax private radio button

and hello everybody and this is a mfc tutorial how to use radio button in dialog box i've already created this project here and so this is a ball program and we are asking that do you like cats or dogs and then it prints the result here works from here so there's a radio button and here we have the here we have the radio button group so do you want to participate the ball and if if answer is yes we need to get this one here and then we can say i like cats or dogs and when i press ok we get plus one in cat and then we can run again if i press ok nothing happens again and then i say dogs there we go so we want to do this one now step by step i've already done this but let's go step by step now i will type this code slowly slowly but sure so to do this first we will need to create this um mfc sdi project we hope we i've already done this in another lesson i can put i can put a link below so i will do it do this very fast i will not explain this one because i've already done that but um if you if you need to know details about this please go and check the other video so i'll just do this very quick now let's go now and start doing this so first first things first i have the picture of that here what we need to do so first we need to create a group group for the radio button so radio buttons are always in groups group of one or group of many but it's always a group okay so let's create the first group so we need radio three radio buttons i'm gonna track one here just gonna copy and paste them here like that not worry too much about how this looks at this point because it just takes too much time to so so do do you want to rdc bait the ball question mark and then the user can say yes or no here oh well actually the user can say no maybe later here and yes like that now let's let's put the ids first probably always these ids they need to have reasonable name so this is this is gonna be called hmm how did i call that one i can call it radio radio um paul call it paul join paul no okay i just say paul no okay and then this will this will be obviously the id of this control will be ball later and this one will be this is what we always do with these controls that we put nice nice names for the ids yes and enter there we go and now the next thing is that let's put the other one here as well um so so the idea is that if if the user presses yes then we need to show the other group here that which we do you like dogs or cats but if the user presses one of these we will we will keep it invisible that's the logic and that's that makes it a little bit more tricky but it's good to learn this trick here so in order to do this trick that it will only show up here and doesn't show up when we press these two the way to this can be done in a couple of ways and i will just show here the easiest way i think this is the easiest way to do it it's not necessarily always the best way to do it but i want to keep it simple this time so to do this what we can do is that we can just put that i mean create a new group here and let's just put that there first so that's gonna be called which one you like more which which one you like more and then we need two of these buttons dogs or cats so this is gonna be cats and then dogs all right it's going good and then make it a little bit smaller and now let's remember the ids so let's go and do the ids next radio like i don't know i don't know how to call let's say like like cats this is gonna be called like dogs like stocks actually is it like stock so likes like stocks better likes yes i think that's bad okay and now what what is going to be the logic well the way we can do this is that we will by default we will make it invisible okay so the way to do is is that we will find the visible so here's the visible so i will put that false and i'll do the same thing same thing for these two false and this one also false so by default they are invisible okay and let's now run this i think it should launch the dialog box with this one invisible and that one visible let's first check it works so okay and then ctrl f5 and here we go and make it a little bit smaller this action there we go and it's invisible and we can have these ones now let's start improving this now we always need to say that which one is the head head of the which one of these is the head of the group in this case this no is the head of this one and in this case the cats is the head of this one and the way it works that we also need to it's there are two things which one is the head and the second thing is that we need to put them in in taps order we need to do the taps order this is very important so they need to be one after the other like this we can also do the okay and seven so they need to be like this if we don't do this one it doesn't work so that's order needs to be such that that they are in order one two three and this needs to be it doesn't need to be four or five it could be like 10 11 but just make them so that they are they are kind of following each other like that in order and then we will remove that so now they know that which group they belong so this one needs to be group it needs to have the member group true so let's go and find that property so there's the group here specifies the first control in the group of controls based on top order we say they say top order so that's what they saying here so we already did the top order so now this one needs to be true and this also needs to be true and obviously these ones needs to be false but they are false by default so that's okay so that's done and next what we need to do is that we need to create a variable for the head so for this one and this one we need to create a create a variable but not with not with not for this one so i go here and add variable and it's going to be a value variable m and i will call it um m paul paul paul um radio pull radio paul options about poll options all options and okay this is very important not boolean this is this needs to be int i'm not i don't know why it puts bool by default because i actually tested it i checked it carefully before i i started this video and in bool definitely doesn't work here because it only accepts hint for for radio buttons so place in here and then finished and now we're going to do the same thing here at variable value and that one we will call um likes likes cats dogs i don't know something like that likes cats or dogs it's not the best name but that's not important at this point so int again and finish so now we have two variables and the way it works that if this variable has value zero it's this one if it has value one it's this one and if it has value two it's this one and for the other variable or the same thing 0 1 let's go now and look at that code so here we we see those two variables here so if this options is 0 it means that the first one is selected and so if this is true it means that yes is selected so those variables are now are now linked to those those controls now the next thing we need to need to have here is that i'll change that to 64. 64. yep so the next thing what we need to do here is that we will need to as as we saw at the beginning when i started the video that when we press this one or this one there will be nothing here if we click this one this would be disappeared this would ah sorry this should be visible and it will disappear if we press these two so what we can do now is that we can create the creating so-called event handler for this one this one and this one so when we press these we can do something there's a function called event handler where we can do whatever we want to do so i will create event handlers for all of these three so if we click this one it will called this even handle so so just double click this one so go and double click this one it will create the even handler and it will place it into the into the dialog class and this one also double click so now we have the two even handlers here when we click those those radio buttons it will go here and here we can here we can make this one visible or invisible so but how can we make these three visible by default at the moment for example they are invisible so how can we make them visible the way to do is is that we will create another variable for each of these which is a control so-called control variable so now we are first time using the control variable so we can because these are actually windows it's very important to know that these three are windows this is a static window this is a button window and this is a button window so so we have three windows and for the windows we can call a function called show window and we can say so window height and so windows show so we will create two windows objects and we will tell that ok window hide yourself window show yourself we can hide and show windows so let's let's do that so we need to create another variable and this time it's a control variable this one and let's call it let's call it control control c ctrl control like ctrl like control and we will call it um catch dogs for example so it's a button is okay that's it and then we need to create one for this let's create the and now very careful need to select control here this time so it's going to be called um is that yeah so it's that's that's the catch okay so i'm gonna call it ctrl catch okay and last one ctrl and name of the variable will be this time ctrl docs so now we can use those to hide also them so let's go now and implement this thing okie dokie so let's go to the go here okay so when we press this yes which is this one when we click this one it goes to this message handler so let's try now a little bit i will i will show this only this one first so we can see that it works our keystokis so that control it's gonna beat um reset the control aha what's happening here cats talks aha ah this was wrong i forgot to i did this wrongly it i it would be static i made a mistake here this would be a static variable so let's see if i can fix it here manually i don't always remember what what are all the steps so they goes there it goes there control ah that's yeah so i'm gonna now redo this redo this it's good to learn how to cancel isn't it so i'm gonna cancel this cats and dogs because i made a mistake here it should be c static so it's in three places i think it's in three places so let's see okay so it's only only here i'm gonna remove that from there it's done and i'm gonna remove also it from here and save let's go back now and do it again so add a variable you see so there is the button that was that was mistake so this needs to be c static okay and i'm gonna just double check that okay there's a mistake here as well this is this is very tricky if i i made mistake here many times and we can only really know this if we google about this error because it doesn't work there's one one hidden problem here um but i will i will tell all of you now that you don't follow the same problem so this is a default default id for all static static controls they all get the same ed static and that's fine if you don't need to do anything for this controller but if you need to change this window this can't be id static because it doesn't work otherwise the window doesn't work if you need to change it to something else i idc static is not gonna work if you want to use the control so let's call it um cats dogs okay and now it should work no it should work and now oh did i already created that member variable let me go and check this i already did and i i used the wrong wrong id so i'm going to change it manually now it's here i think it works works now i just put it manually there and um i'll i hope everything is now correct so i'm gonna compile this yeah succeeded so that red doesn't mean anything it did find it so it's just a maybe a bug in visual studio so let's go now and do it so when we come here we want to say that this this control needs to hide hide himself so so window so window and the way it works that we need to put here sw like so window and so that's how we that's how we saw a window now let's just let's just check that does it work yeah how it works so now we need to do this same thing for the for the other two guys which will be very simple because we just need to repeat this photo to windows again these are windows this is a button window button window static window so they all have the same function okay and let me prove that it works there we go and now now let now what we need to do next is that we need to put the logic here that when we click g2 it needs to be invisible when we go here visible and when we go back here it needs to be invisible we can do we can do this nicely so that we will create actually a function for this one because we need to call this many times this we need to call this one many times sometimes with ssw so and sometimes with sw height when we need to hide it we need to say this one okay so how can we do this one the way we can do is that we can create the helper function which does this one automatically so i'm gonna do it here in the private section let me put that here a private section function and let's call it let's call it um so so what is that group so cats cats dogs group and we can so hide it here so here we gonna put the boolean value are we showing or hiding so if this is true we are showing if this is false we are hiding so now i'm gonna copy this function here and do the implementation here in cpp file so now we can just copy this actually move this code because we're going to do everything now in the same function so if this is true we need to show if this boolean is false we need to hide so we can do it here now if we look at the tooltip it says that int and command so so i'm gonna use the same name here command what is it in command so okay in our end command so i'm just gonna say command so and so now we can do this nicely nicely here that we will put the show this is c plus plus i'm not gonna too much code to the sequels plus so if this is true we're gonna return so otherwise we're gonna return height this is a basic c plus plus uh syntax okay so if this show is true so this section returns a value if this is true it will return so if this is false it will return height and that will be stored into this variable and now we will pass that variable here like that so now we can very nicely call this function from everywhere so in this case we need to hide it right so we will say false and if we are pressing the middle button we need to say also false and here we need to say true so yeah so let's say let's see if it works it works now the next thing what we can do here is that we can quickly set the default values the here is the construction function where we can set the default values for those two groups so remember that zero is the first element and yeah zero is the first element and one is the second and so on so this can start from the let's say start from one and this can start from the from zero yeah from zero yeah that's okay so what do we need to do next so next we need to we need to just go to the view and we just need to use use those values now in the view so let's go now into the view section here and i've already written that code so i'm just gonna copy that code now and explain what i'm doing here so this is what we are calling it to yeps ah i have okay let's one more thing i forgot to do let's forgot this phone for now one more thing i want to do there i forgot that instead of using where are we instead of using zeros and ones i personally prefer to use constants so i'm gonna create now constants for those values 0 1 2 and 0 1 2 for both of them i've already done that so i'm going to put it here so i'm going to create constants for all those numbers like this so try and pull no is zero joint pull later is one and likes get zero like stocks one so instead of using one and zero we're using these constants i like this way so this will be one so we want to say later there later there and this needs to be the first one which is catch it's nicer isn't it so instead of using one and zero we're using join later like scats it's more readable and yeah so now let's go now back to back to here is this all good oh one more thing by the way one more thing is missing when we start the program when that when the when the one more thing we need to do is that when we are launched we run this program so it's when we're running the running the launching the dialog box here now depending where this one is here this needs to be visible or invisible so we need to make sure that when we launch the dialog box this is correctly done because at the moment it's not updating this one i can show you it doesn't work let me put this one to 2 just to illustrate this problem so i'll i'll put it yes and we know that we should see if i put here yes that the first group has value yes we we should see the other group but let's see if it works it doesn't work as i said it doesn't work because nobody pressed this yes so we need to when we create when we first time create the dialog box we need to initialize it so that we will call this call this function so that this will be shown here we can do it in on initialize function so go to the class class view here and select the select dialog and then here in properties on the right hand side press this override overwrites and then we're gonna find the initialize function here on in on init dialog when we initialize the dialog we will go there first okay and here we can add the initialism code so what we need to do is we need to call this this show hide function from here and so is it gonna be true or is it gonna be true our fault are we showing or hiding well it depends on the value it depends on this one isn't it whatever this value is we need to hide it also so we need to check this value that what it is so we will show it if this one is this one so if it's yes if the option the first group option has value yes then this is true and we will show it otherwise this is false and we will hide it let's now check it there you go it initializes it correctly let's put it back now to later okay now this class is i think it's done so let's go to the view now and finish this this section so when the dialog box has finished then we need to come here and we need to at the counter we need we need to have a counter to add cats and dogs so when somebody chooses stocks we need to increase the dog counter by one if somebody chooses cats we need to increase the cat's counter by one in order to do that we need to go to the view h file and create a private private section here and then we need to have integer counter for cats an integer counter for dogs and they need to be initialized to zero so first we have nothing like that before we do this one i will print that first let me do the print first so we need to print the print the value and do i have it already here yeah i have it here so i'm just gonna copy paste the code i already have that to save some time so we need to draw that thing in ontro in order to order in order to do that we need to use this this device context and this is how we can do it so we will create a string object and first we will we donate the format by the way here we can just we can just assign the value directly so first we say that paul results so far and we will print it on the first line and then we will print on the second line we will print this cats and dogs and if we run it now we get zero zero so there we see cats0.0 and now we need to increase that counter after we finished the dialog box so here is the menu menu event handler for the for the dialogue so here we are okay so i need to change the names name of the variable of the dialogue variable so and we have two of them now okay so there's the dialog variable we are launching the dialogue and if the dialogue that the the code blocks here it waits until the okay is pressed in the dialog box and if okay was pressed then we will go inside here and now we can ask the values so okay so the first value we need to check is the ball option so if the if the poll option was yes if it was yes then we will add the counter and now we need to check that what is the value of that um what is the value is it is it cats or dogs so if it's like scats we will increase the cat counter otherwise we will increase the dog's counter and then we will set that the whole the whole screen is needs repainting and then we say that repaint the window okay so let's see if this works okay zero zero and then we're gonna go here and first select nothing nothing happens and now we'll say yes dogs there it is dog one yes and cats get one then what another cat two here we go so it all works okay so the important thing also understand is that so each of these these um radio buttons they need to belong to some some group if you have only one button then you need to that needs to be the the group group radio button in this case this is the group this is the group um group button and this is the group button here and if we create a only only single one here that's that should be a group button also if it's alone okay we we got it working and um i hope you know more about this radio button now and i hope this was good for you okay see you next time thank you bye