[Music] welcome back to ui builder video series and in the last video we understood that how we can define our event data source and uh then we understood that how we can map that uh data source field to our template uh that how it should be visible on front end uh that json file so now what we're gonna do is that we're gonna bind that evm data source and the template to our uib components so to do that we want to change some configuration on this page so guys if you remember in last videos what we did is that we add a visibility uh script okay on this get item that if there is no society in the context uh in the url context then it should hide this cat item component so let's add one more so here i'll do is data set [Music] so i will click on this one and uh in data set i'll i'll call it as catalog item list okay i'll save it again in this visibility i want to provide a script that is my api.contacts.props dot society so if it is true so if there is uh no society if there is a society then hide it so basically it is for hiding value so test value we can have as true and false but right now we don't want to have it but let's say test value is true so if i click on save so it will show me this catalog so i will select num now uh we will come on to this data one later on so here what i want is uh show grid and toggle list i'll show it uh what is the meaning of this one but here i want to show it as a grid layout and uh let's have it small let's have it medium let's change it to five and let's say if i don't have any kind of uh component here no get log items to display okay that is so i'll save it let's give it a quick styling uh let's add some margin from this box that is let's say top 20 px save it so once we are done i need to add a data source here so i'll select even evm data source will click and as soon as i click on even definition it will show me all the evm data source definition that we have created in our platform i'll select my catalog item if all our configurations are correct that we didn't pass then you should see a composite data view something like this so here in under items you see that we are getting template we are getting our properties that we have and we are also getting earthquake action so that navigation click action so uh before even doing that one of the best practices that i follow i always rename my data brokers so what i'll do is that i'll say evam catalog item list and here again evan catalog item list i'll apply i will save it so most of the configurations are done so what we need to do is we just need to map this even data source this data resource broker back to our data so data set uh data component so here what i need to do is i click on database context dynamic binding screen and here i'll say data and you see that i have this even catalog item coming up so i just come here till this point okay once i get to this point it will be shown automatically so i will save it so now all all of our configurations are done so i'll just click on open so you see that if there is a cis id then it will present me with that particular catalog which belongs to the ssid that is external monitor but what if i remove this so let's remove it and i see so you see that we got a pretty good uh catalog item list and if i can change it to anyway i don't have anything for to filter right now and uh i have a pagination here as well so it is moving me here and there though i can make one more column here but that's fine so to remove this display and all this stuff what i can do is that i can say hide filter height presentation and save it i'll again refresh so my filter is done gone i still don't have any kind of pagination okay my filter and every other thing is gone so what i can do is that so these are some quick one in future series we also see that how we can add our own components okay so right now i'll just move it back and if you want to remove this uh gridding one so you can turn it off so i'll save it right now and that's it folks uh in this video uh in the next one we gonna understand that how we can uh modify this evm template and if we want to make some changes we can do that so till next time thank you