[Music] hey guys in the last video we saw that that how to add a footer inside our portal and in this video we are going to see that how we can add a simple navigation menu and action and again all the steps are same we have to add a new ux page property so what i'm gonna do is i'm just gonna create a new ux page property and this property name is chrome underscore menu again the type is json and again it takes a json value which i have written here already created i'll just copy and paste it here yeah i'll take a moment here so see that's a beauty of uh the components based architecture right where every components takes uh their own properties or in a json file and then component just render it right in this example if you just open it in an i json editor you could see if you compare it with the results we get it's it's pretty sleek and it's like it's pretty simple as well to explain to understand into whoever is authoring the menu it's it's really easy so that's that's the beauty of this component architecture absolutely all these things are self-explanatory so what we're gonna do is that we have already added it we have saved it now let's let's try it in our browser so you see that uh we will just have a quick comparison that it's a knowledge here and in this one we have just given it's an array of json so in this one we have given a value and with message knowledge message is nothing it's just the label that we want to show and if i click do you mind do you mind change that to uh if you go back to that json editor or there is an option to change it to tree can you just put it to tree structure okay yeah okay so basically it is it has an error right and it has just one element because we just have one menu added to our navigation right now if you go to the value if you open yeah label yeah see that's where your knowledge comes in you say okay this is what the menu looks like and then it has two children now if you go back to our portal uh it it basically what when men said children it says first section is your menu items and the other section is your actions right so report an issue is under the action section section and top part is under the items i guess item section so that's what it is absolutely and if you if you match all these things uh you can quickly create any other things that you want and this is how easy we can create menu i know that uh it is starting this uh j7 world looks quite complex that why we have why it has been done in this way but again we have to understand the components these are all the configuration properties of components that we can utilize the outer box configuration of those components and and the links for for those navigation could be your route your existing route from your page and it could be an external link as well so right now if you see all those uh navigations are of type uh route if you see line number 54 here yeah yeah right instead of that if you want let's say to open let's say servicenow.com let's say google.com you can just say type is external and uh you can just use value and then value would have a hr or href element and you can just give the link there so that's what it is it's that simple but you can see this snippet in the in the blog as well so yeah yeah in the blog we have already added that uh external link as well that you can use it but here in this demo we just gonna see that how we have added all these things and most of things are having links so if you click they might not work because we have not uh created those routes yet correct okay so folks that's it for this video hope you enjoyed this one have a nice day thank you thank you