Hello let's continue developing is a template as I said, Here I will have three parts in the first top of the application first one here will be the logo. So let's try to add here's the logo. So you just say brace right click new, but before okay we can announce the components. So we can say this image Okay. Here we should sit as a source of the image. Second bought here will be the current beach named So, this is will depending on the page itself, so here it should be like an attribute and we will be set in the beach itself.
So as I said here is the beach template we have to type we have a piece it and we have an attribute so let us add here attribute Call it beach title Okay, this is will be of strength or we can write Java sone Java dot Lang dot drink okay before this okay. So I have added here an attribute called Big title, this attribute should be here. So that was here add just an hour to cast the value of this old ticket should coming from the attribute. So if you For scope attribute Here you will find a page title. Okay, we can just give some styles to this, like color. You can see the color, maybe just color and font size is medium.
This is here will be the title of the page, I just create an attribute and there's a page which will use a budget template I will set this attribute to the beach title here should be like the username and look out so I can add here if Ben and group do it. Make it horizontal And alright we'll be in alignment on the shoreline Europeans right okay, you have two option now you can add like an output ticket which will display the user name and logout link will be beside it or it can be like menu which will display the user name and look out after this mean. So what we can do we can add here if faces menu here and the tickets of this menu will be our user and user can get vary from variable from session. Of course, we will sit down This variable so we can add for example here session scope session is cool dot user name and from this menu you have a menu item called log out so just here to will display the user names a menu and once you present it a lookout will be displayed to look out from the application.
Here's the bitch title. here will be our icon. So let's now try to display can download now one any icons from In Internet Of course, you this is just for assemble one you should develop your own icons or your own logo. So let us download some icons and logo which will be used in the system. Sample school oh just for like assemble blue image tool size I needed with maybe 200 and the height maybe 60 and make the color transparent so we can pick any, any one of this as as I said this is just an assembly logo you should have your own logo. So let's for example big this.
See if as your for example images I don't lose some some icons like this. I will add here school school No, Vinny and we will save it here. Now just this is for, for as as an assemble. So let's back again to our ETF application. I want to just add this image folder in the application itself here. And so in public HTML, I will pass it here.
So you will refresh fish you'll find images already here and icons and school logo will be here. So let's now try to use this and find it here. Straight away school image from the source. So now we point this To the images here and this is a bitch title and this is the menu. So, now we finished this part this is here in this part we will add the system menu. So we will right click here at our menu.
Of course, we will add some basic things as a beginning we can add here. First you can add like a menu bar. And in the menu bar we will have like menu item called for example, dashboard. Okay, we can add menu call for some menu item or menu we call it transaction and the site This menu we can have some menu item. We can call it like assign maybe class to teacher. We have another one called menu item we can add student.
Two plus. We can add a student result. Okay, we can have another. This is the menu bar. We can have another menu. We can call it search This is of course, like an initial version of the menu.
You can change it later. But this is we can start with search. Teacher. So, Student Okay, and we can add like a menu again here for lookups. Okay, well perhaps and I will add here menu item for us homes t shirt Okay, so initially we have this menus we have the system pages so I guess there we have a dashboard or the homepage. After that we will have like a three menu quote unquote transaction search lookups.
And transaction we can assign clause to a teacher we can add student to the class we can set a student result. For search we can search for teacher search for student, and lookups to add classroom teachers and students. This is the main our system menu. So now we almost finish the beach template. We create a new fiscal body to add the content of the beach here. We create one attribute for the page title.
We add logo and we add user name look out and see is Tim menu of course we will set the login user in the session. So the tool appears here and we will implement the code in the log out later. So see you next activity