Populate Initials Conditional with airSlate SignNow

Add initial conditional

hi there and thanks for checking out this tutorial video on conditional logic in this tutorial video i will be showing you how to create conditional logic options that will show more initial text boxes based on the number of letters selected in a drop down below here is what that product looks like currently if i select one then one text box will show and two two by text box will show and three three text boxes will show and you can revert back so on the back end on my admin this is my conditional logic option fields and these are what have created those options but i'm not just going to show you this i'm actually going to show you how to build that so i'm going to remove this sad to see it go but yes delete so the first step in building these conditional option rules is to create a new option set this option set is called option set 3 right now but i want to call it something different let's call it conditional logic for necklace and i want to then assign it to the desired product so i will use let's use url i'll quick steal this url and then paste it in and i can see that it's now showing on one product that's key great then i will create a label for this first option this first option is the first drop down option that i showed you before so this number of letters option set so let's call it a number of letters for necklace and then for the field name i'll just call it number of letters for necklace it's kind of long but i like to be clear with my field name so i know what is going on on the back end and this remember is going to be a drop down option so let's create it as a drop down here the values for this are going to be 1 two and three and let's do some placeholder text so maybe select number of initials desired cool so that's our first drop down menu option if i save changes you can then see on this product if i refresh that i simply have one option set here now these options are not connected to any conditional option sets in the future so no text boxes are showing to create those text boxes you will have to add another custom field this new custom field let's call the first one initial one the field name again i like to do these very similar i'll call it initial one and this will be a text box i'd like to open up the advanced field and i'm going to add some placeholder text so add initial here keep it nice and simple and i want to make the character limit one so they can just enter one initial and now i have a an option set that includes two options you can see this initial one here but that's not how i want it to show i want it to be hidden if there is no option selection to hide that you will want to go back to your option sets and you will want to create a new conditional rule this conditional rule i would actually like it to show this field if all of the following match and then you need to click into field name the good news is the field name is already pre-selected i just want to click into the field name and then click on that and for my case i would like to show this field if the field is greater than zero if the value is greater than zero i should say what this is doing is this is telling the option to show every time the value of the first option that i created is greater than zero in this case it will show then for all of the values because one two and three are all greater than zero so if i save this and i go back to my initial necklace and refresh you should see that that text box is hidden but if i select one or two or three this initial text box shows great but that's not all i want to do i want to create text boxes that will show for two and three initial selections as well to do so let's go back to our admin infinite options page and i'm actually not going to add another custom field by clicking this button i'm going to duplicate this initial one option so let's duplicate it by clicking here and i actually want to drag it beneath so here it is and i'm going to adjust this a little bit to resemble now initial 2 i actually like to duplicate it because this will save me some time i want all these things to remain the same except for this conditional logic field i want this option to show when the value is greater than one so now this will only show for values greater than one which are in my case only two and three let's quick save our changes and then i will show you what this looks like on my end so one just one text box shows and two now two text boxes show three three is still not complete i think by now you probably get the the picture of this but i will show you how to create this last third initial option to do so click this duplicate button again then drag it beneath again i want to then adjust this a little bit make this initial three initial three open up the advanced box keep everything the same except you want this to show on values greater than two so this is only the value of three in my case now when i save my changes go back to my product page and refresh i should now see that the number of letters on necklace if i select one one initial shows two two initials though show and three three initials show great i did it and that is the tutorial video for conditional logic for this initial product example thanks for watching