 Hello friends, I am Sanjay Gupta. I welcome you on Sanjay Gupta Tech School. So today we are having day 11 of this Appian Bootcamp. And I have Ankit with me. Welcome Ankit on the channel. So Ankit will be delivering some more content related to Appian today. So I hope you are following the sessions and if you need instance, just join the telegram group and raise your request there so that you can do enough practice. And if you want to have timely notifications so you can follow Sanjay Gupta Tech School on YouTube, LinkedIn, Instagram and Telegram and all the important links are available in video description. So with this note I pass it on to Ankit. So Ankit please proceed with the session for today. Thank you. Thank you very much. So if you want to check the recorded sessions or other details about Appian, so you can go to the code mesh to YouTube channel and you will find all of the recorded sessions video and other videos related to Appian. If you have any queries or any question you can put on the code mesh to telegram group or if you want to know that access of the environment of the Appian. I don't know what is happening. It actually stopped in the beginning. Okay. Yes, right now it is showing the things. So maybe what you can do, so you can cover from the beginning now. Just explain in some raised way whatever you have explained. Sure. So in our last session we discussed about the component where user input the value. Today we will cover about selections. In this one user won't type something but will select something. So these are like drop down, multiple drop down, radio buttons and set boxes. So first one is drop down. So if I use drop down. So in this one, there are some parameters like label, this is country. Label position is same like we have in others. Placeholder you can see here if I do not select anything. So you can see here this is placeholder. I can change this one. I can select give country one. Okay. Now you can see it is country one. Now these are choice label. Choice value. Labels are the value that will display in the drop down. Okay. Like India, USA, UK, China. You can see that. Okay. So these are the values. Now choice value that we save against that choice label. So suppose if I'm selecting India then one will be saved in rule input or local variable. If I'm selecting USA then it will save two. Okay. And values and save into a same like other components. So value is to display the value and save into is to save the value. Okay. So like, so it is integer type of value right. Choice values are integer. That's why I took it as integer. Okay. And suppose if I'm selecting India then it will save one. Because the corresponding value in choice value is choice value is one against India. If I'm selecting UK then it is saving three. Right. That you can see here because the corresponding value is three. Okay. So the length of the choice labels and choice values must be same and in the same sequence. So suppose if I'm putting here five then it will give the error. Because the length of choice label is four and choice values is five. Right. That's why it is giving the error. So it must be same. And if I'm, if I give the same values here as well. So now I have to change this to x type because now choice labels, choice values are x type. So I will take it as the x. And now if I select India. So you can see here in right side the value part it is saving India because now it is not one, two, three, four. But it is India against it. If I select USA then it will save USA. Right. So let choice labels are to display the value and choice values are to save the value. If I give it as simply I for USA use you for UK I use UK or China I use steam. So and then if I save run this again. Okay. So if I'm selecting India then I you can see here it is saving I okay. If I'm selecting UK then it is saving UK because it's value is UK. Okay. So like this view drop down. But suppose if there is a case where I have to select multiple values at a time because in drop down you can select only one value at a time. Okay. Not multiple. In that case we use multiple drop down. Okay. So in multiple drop down you can select multiple value at a time. So this variable is single type. Right. So to use the multiple drop down I have to convert this to area type for multiple time. Okay. Now if I select India and USA so you can see here it is saving two values I and you if I simply give like same values like this in that case. And if I now click a test I select India and then USA that it will save two values right India and USA. So this is multiple drop down. So there is only one difference in single drop down you can select only one value at a time. In multiple drop down you can select multiple values. Similar field we have that is radio field. Okay. So in radio button field also you can select multiple or single sorry single value. Okay. Or select you know to select the multiple values we use checkbox that we will learn. But in radio field you can select only one value at a time. So here I can select only one value at a time. So I will want to use it as area. Okay. And then I click on the station interface. Okay. So suppose if I'm selecting now you can see this warning is coming because radio field do not have any variable. So any parameter with the name placeholder. Okay. So I have to remove this one and it do not have the such display also. Okay. Now if I select India. Okay. It will save India here. Okay. If I'm selecting USA then it is same USA. So other things are same as drop down. Okay. There is no any other difference. Here I can use one parameter that is choice layout. Okay. That is new parameter. Okay. So in choice layout we have two options in second is that and compact is that is default. Okay. And if I use compact then I have to give this value. And now you can see these are coming in horizontal way. Okay. So this is radio field. Okay. Similarly we have checkbox. So in radio field you can select one value at a time. But in checkbox you can select multiple values. Okay. So like suppose and this is checkbox or multiple types. So I will use array. Now if I select India. So it is holding both right. India and USA you can see here. And in the value part you can see India and USA is coming. If I select UK also it is coming. India, USA and UK. Okay. So like this we use checkbox field. So checkbox field is also similar to radio field. But here you can select multiple values. Okay. In drop down you can select single. In radio field you can select single. But in multiple drop down and checkbox you can select multiple values at a time. So there are some layouts also. Like form layout, section layout, box layout, card layout and billboard layout. So like if I want to use form layout. So I have to just type form. Okay. And I can use this. This is form layout. Okay. So in form layout you can use multiple parameters like label and huge. So you can see here we have little label. It is instructions. In instruction I can give like fill the employer details. Okay. You can see here this instruction is coming under the employer details. Okay. Now contents. Okay. That is third parameter. And contents because it's multiple, right? It's array. So I will use curly braces. So wherever we have needed like you know that array type of component or array type of things. So I will use curly braces. So in contents we can use this components that we, you know, learn like selection type of or other type of contents. Okay. Like if I want to use text field, I can simply give text field. Okay. If I want to use a paragraph field, I can use that paragraph field. If I want to use a drop down field, I can use that drop down. So in this one I can give the label. Like first name in this one. Like label, like comments in drop down. I can give the label. Same like country in drop down placeholder. I can give like select the country. Toys, labels I can use in. I can get to India and USA. Toys, values. So you can see here in this form there are three fields. Okay. First name, component, country. So in form you can use multiple components. Okay. And number of component that you want you can use. In this form I can use the buttons as well. Okay. Here you can see we have buttons. Right. Because to submit the form we will need a button side. So we can use. And in buttons what parameters you are needed you can check from here. Okay. So we use a button layout. In button there are two type of button primary buttons and secondary button. Okay. So primary button comes in right side of the form and secondary button comes the left side of the form. So suppose primary buttons and this is also array. So I will use curly braces. Okay. That you can check from here. Now in this one I will use this button visit. So I can use multiple buttons here. Right. Because this is the array type and in button I can give these parameters like label. I can say people each submit. Okay. There is one style parameter. So what all values is styled have normal that is default. So it is coming normal. If I use primary then I give this one like suppose there is one primary button like approve button or submit button. So we use primary secondary comes like this. Okay. So it does not have any color destructive with like you know that where we are using to cancel or close something or delete something. So it is coming in red color. Okay. Link if I want to use buttons as link. So I can use this. Okay. So if I hover on this one it will be like button. So suppose if I'm using primary and there is other property that is submit. Okay. So it is a Boolean property. Okay. Either it can be true or false. So if I use submit true that means it will be used to submit the form. If I'm using a pause then it will just navigate into the form like one section to other section. Okay. So I will put it as pause. But if I want to submit the form by clicking on this button. So I have to use it. No. The property will be true. Okay. Similarly I can use add multiple buttons. Okay. Yeah. Like with submit I can use one cancel button or secondary buttons as well. Okay. So like that I can use multiple buttons. Okay. And in this one also we have same parameter like other components value save into right. So those parameters also we can use. So we can save the value of this button into some variable like in completing value. Like in value I'm putting submit because here user is not typing and not selecting right. So value will be hard for it. Okay. Button value. It will be text type because I'm using a text type. Now the value page saving to save the value type. Right. Button value. Now if I'm clicking on submit the value submit right. Suppose this first name is required. Okay. And if I'm not typing anything in this one then it will give me the message or a validation message like required. Now this one is null but it is required. Okay. So before submitting this form I have to fill this detail. Okay. Now if I click on this one it will show me the message. Right. The value is required. Okay. I cannot submit the form without filling this information. Okay. So this is form layout. Similarly we can use section layout. And in form layout you can use multiple section layout. Okay. So that is section layout. Okay. In section layout also you can add multiple components. Okay. The section layout is also seen like this parameter won't come there. Okay. In contents you can use these components. Okay. And in one form layout you can use multiple section layout like suppose this is form layout and in contents of the form layout I can use section layout. Okay. So if I want to use multiple section layout I can use multiple section layout also in one form. So like these are two section layout. Okay. So I can use the different details here like employee address. Okay. That I can see. So you can see here we have two section. One is for employee details other is for employee address. Okay. And in section layout we do not have this buttons parameter. Okay. That's why it is giving the form layout. Okay. Similar to section layout we can use other layout also. That is box layout. Okay. Box layout also we can use in form layout or section layout. Okay. So if I want to use this box layout into form layout I can use if I want to use this box layout in section layout then also I can use. So you can see here this is box layout. Okay. That is coming bottom. This one. Okay. Now if I want to give the label I can remove this first section layout so that it becomes on top. Okay. Now you can see this is box layout. If I want to give the label of this box layout I can give like finance details. Okay. So you can see here we have label. Okay. Second parameter is contents. So contents is same like other. Okay. Like I can use any type of component inside this box layout. Okay. So contents we can use. Okay. So suppose if I want to use text field I can simply give text field. Okay. So in box layout it have text field. Okay. Other than that I have one parameter that is style. Okay. So style you can see we have accent, success, info, go on, etc. So it have some colors. So now currently it is in gray color because it is in standard. Okay. If I use accent then it will change its color. So you can see here now it is in blue. If I give it other color like success so it will change it to green. Okay. So you can see here it changed the color. So it seems like we can use other styles as well. Each collapsible is the property that we use to collapse. Okay. The box. So like you can see here now in right side of this one you have this arrow. So if I click on this one it will collapse this whole box. Okay. If I click it again it will open. Okay. So this is correct. And in APN for each component we have sovereign condition. Okay. So if its value is true that is by default value it will display if I have its values false then this particular box won't display. So you can see here this box is not okay displaying. So this property we configure according to the rights or according to the condition like if the user is part of this particular group then we will show if the user is not part of this particular group we won't show this one. If these fields are already filled by user then only we will show this box layout or other component if it is not user did not fill that particular field then we want so similar type of conditions to put. But the output of those conditions must be true or false. Okay. Similarly we have other component that is card layout. Okay. Card layout is also same like box layout but in card layout we generally use to highlight some information box layout we use generally used to ask you to input the information that okay. So like if I use card layout to just fill in this one we do not have parameter level okay D and it's collapsible also not there. Okay. But other parameters are there. So you can see here we have card layout this one this is card layout. Okay. To give some space I can use a text field between these two just to give the space. So you can see here this is card layout in this card layout also you can have components there are in card layout you can give the link also. Okay. So if I want to make this whole card as a link I can give the link. Okay. I can set the height I can use the style same as style of box. Okay. But if you have more value right options here you can see chart policy scheme and all are there. Okay. So you can use that. Now you can see here its color is changed. Okay. If you want to show the border of the card or you do not want you can use this parameter. So by default it's true but if I do not want to use I can give it false. So it will hide the border of the particular card. Okay. If I want to give the tooltip I can use this one same like other if I want to give the set of so I can use this one Boolean. So it is also Boolean type but it's default value false. If I want to give it I can use true and you can see here we have some shadow. Okay. Of this card. I can change it's shape also that is quite quite right. If I want to change I can use this parameter and you can see here it has three values squared same rounded and rounded if I use rounded then it will change its border. Okay. Here you can see it is changed to right. So if I use same rounded it will change it to same rounded. Now you can see it is same rounded. Okay. So this one we can configure. Okay. So this is card layout. So card layout also we can use inside the form layout inside the section layout or box layout. So we can use this layout under other layouts. So if like everything now what we learn in single column right if I want to use the multiple column structure then there is one layout that we call as columns layout. Okay. So this is columns layout. Now you can see here in columns layout we have some parameter like if I want to use multiple columns. I will use this one columns and inside the columns columns I can give multiple column layout. Okay. So column layout comes under columns layout. So this is first column. If I want to use other column I can give other column. So in column layout also we have contents. So like suppose I have text fit. Okay. And it's label each first name. I can simply say first name. Okay. So you can see here we have first name. If I want to use one more column here and I can copy this one and I can create one more column like middle name. So now you can see it is coming in two columns right first name and then middle name. If I want to use one more column then I have to just copy this one and I can give it that is last name. So now you can see here we have three columns here. So we can create n columns structure here. Like if you want to create one more row. Okay. For this one you have to just copy this one and you can simply copy and paste and then you can change the value. So now you can see we have one more row. Okay. With the same number of columns and this columns layout you can use inside the form layout or box layout or car layout. So like if I want to use these two columns in this particular box layout or car layout I can use like if I'm giving this in this box. Okay. I have to just copy and paste and now you can see in this box we have this columns. Okay. So we can use this columns layout inside any type of other layout. Okay. And then there is one other layout that is billboard layout. Okay. So display a billboard on the top of the form or other person we can use. So in we can use billboard layout. Okay. So you can see on top of the form this billboard layout is coming. So we can configure any image or any color in this billboard layout. Okay. And that will set a background. Okay. So like if I want to have background color I can give this background color and what are the values like you can give the hex code for this particular one. Okay. That default is this one but you can change this too. Okay. If you want any other color you can give the hex code for the particular color. Okay. If you want to use image in the background. Okay. Then you can use image also here. Okay. Like if there is a document image that you can directly use there. Okay. So you can give as image or a background color. Okay. And you can say you can have one overlay also here. Okay. Like to have some values on this particular billboard. So if I want to display some values also other than background image or color I can use overlay. Okay. And in this overlay you have to use a bar overlay, a pool overlay or a column overlay. So like if I am using a bar overlay. So now you can see it is coming in bottom part. Okay. Where you can display the details. If I am using full overlay. So now you can see it cover the whole billboard. Okay. So anywhere you can show the information. If I use column overlay. So you can see here it is coming in left side. Okay. So in this part we can display the details or information and right side it will have image in background or coloring background. So like this we can use the billboard layout. Okay. So we have all type of layouts. Okay. So you have to do the practice. Okay. So I will share the link of all type of layout or type of component. So that you can do the practice by yourself as well. Okay. Or you can read the details. Now if I want to call an interface into other interface then that also I can do because in APN we want to create the like suppose there is a big interface. Okay. There is a lot of details. So we want to create only single interface. But we will create multiple interface and then we can call those multiple interfaces into a master interface. Okay. So suppose this is one of the interface. Okay. And now if I want to call this interface. Okay. That is ABCR. I can see if I am using one text field. I'll interface field I can see. I can give any and in this one I am storing the value of this one into I can say variable VAR. Okay. One. I can give any and I can use this value variable it to rule the value part and save into part. Right. Same like others. If I'm saving something it is storing into this VAR one. Right. Now if I want to use this interface inside the other interface, the bigger interface I have to just go to here. Okay. And you know I will use rule a bang or rule bang and then the interface name. Okay. What was the name? AB underscore CD. Right. So I will use this one. Okay. Now you can see we have one error here that this ABCD have one parameter but we are not passing any value. Right. That's why it is giving me the error. So I will use this variable one. Okay. That is the variable inside the interface side interface. Right. And if I want to store its value I will create this variable here as well. The same type and I will use this R I here. Okay. We are. So now you can see we have this field. Right. This is the part of child interface. Okay. That we have. We have here. If I'm select typing something here and unfocus. Now you can see here we have the value. Okay. So like this we can use that child interface into the parent interface. Okay. So this is the value. If I want to call some expression rule that expression rule also I can call inside the interface. Okay. So now in this one suppose if I want to call some expression rule. Okay. So like there we have expression rule. So suppose this is one of the expression rule. Right. AB calculates sometimes if I want to call that there I can use this expression rule also we call with the prefix rule. Okay. I can use that rule. This is the syntax for calling the interface or calling the expression rule. Okay. So it have two input parameters right. Number A and number B. I have to pass those number A and number B and number B. And if I want to open this expression rule directly from here you have to just click on control and then left click. And now you can see I can open this one. Okay. Number A and number B and I can pass this one. Like these are number integer. So I can click and I can pass. Okay. So like this we use the expression rule inside the interface. Okay. So we can use expression rule inside the interface, interface inside the interface or expression rule inside the other expression rule as well. Okay. So we can call components inside other rule. Right. So like this we can do. Okay. So this is all about like a interface related layouts and components. Okay. So I will show you the link of the details or documentation so that you can go through okay with other layouts and other components as well. And you can learn some more. Okay. About all of the parameters related to each and every component and each and the layouts. Okay. So this is all about interfaces. Okay. And if you want a community environment access, so please fill this form. Okay. That is already said with you and in description as well. And if you have any query you can post in our telegram group or you can put it in email also that is training at the code mesh.com. Okay. So thanks. I want to hand over to Sanjay sir. Thank you for sharing all the insightful knowledge and yeah. So one request I want to meet like those who are following the sessions. If you need instance, please raise the concern and you can send an email or you can reach out to telegram group. So do practice because uncle is doing great efforts sharing all the things in detail. So I think like if you want to make your career in Appian. So all these sessions will be very much fruitful for you. Okay. So we'll be having one more session tomorrow and then from next week onwards like new topic will be starting. So maybe next four weeks we'll try to cover all the remaining topics. Okay. So do practice and ask questions. Thank you uncle for sharing the knowledge.