Hello, last video, we finished the four graphs here. In this video, we will start developing spark which has some information about that in the system like what our like I said this number of student number of teacher on the classroom and so on. So, let's now start for adding some information here this is a dashboard and this is the first a face it of abandoned splitter, this is a face to faces and this is Second one. So, here ice we have created a view object which have all information it is dashboard statistics you will find here this, this we have here, number of classes in each grid, number of classes, number of number of teacher per student famous student. So I think we can grow this information into three parts first part is number of classes student number of teachers. So, we can see the total numbers of this is we can say number of classes in issue great, this is a student results as a three parts.
So, this is here we have here abundant group, we can use any layout component as you want. So, I will expect it I will have three Bennett books. So, initially for the first one penny books, so that I will copy it after I refine it. So, the first one it will have a group of number of classes student teacher tutor number Order total numbers okay so inside this box first we need to remove the shirts closer because we do want to disclose anything so I make it here faults. So this closer icon will disappear so here's this is a panel box with a total number. Inside this I need to add number of classes number of student number of teacher.
So what we can do we can create here if Ben so there's something new component i will tell you about it now pending list, which will display the childhoods this component will be displayed as a list. So inside this bedding list, I will add Ben grew Leah with horizontal Okay, because I need to display the text and the value. So in this event globally I would I will set it to be Horry zonta. And in this Bennett group layout horizontal I will add I would put tickets, I will call some number of this to you students like this and I can give style like color. This color and we can make it wait is bold Okay, then after that, I will give a smaller space or after that I should add here number of students as an output text. So, number of students as a typist and this is the value we can make this value just the ball weight is poor.
So, let us just teach you to be bold. Let us see first this is the first one this see how it looks like. After that we can copy as you can see here number of student and result is 10. You can make this thing as a as a link, if you want to personally to move to the the link as a student page. So, you can do it like I will add here a link okay and the value of this link will be number of students. So, this is a text and action was this link will point to students that case let's have a look here become a link number of student in prison system you should move to the student page to see the students.
So this is one of the statistics we can copy this for. Number of teacher and number of classroom. So here I will say number of teachers Here number of give us rooms and I will drag number of classes here as an output ticket number of teachers here as an output ticket, then I will take the value of this ticket and put it in the link and take the values over ticket and put it on the link then I can remove this output tickets. So now I have a link was number of teachers, number of classes and this link should go to the teachers and this link should go to the classroom Let's have a look. So, now you have number of student number of teachers number of classroom as links who can press on this you go to the classroom can press a number of teacher and you can go to the teacher.
So, this is the first part we can add a second one here we can add, this is the first one, so it is the total number is the first one. So we can add like a separator Miss Have a look and spacer here. Just make some spacing and make is this layout to be vertical because I need all of boxes to be vertical. This is a layout component. Once you start developing your application, you will be aware of all the singers. So I have I have He's been in global health vertical it means all components inside this will put under each other in a vertical way.
So I have here a total number of numbers total number in Bennett books which is all dispensing books after there's been books I would add a little bit of space or Zin separators. So I will expect I will find here a separator and it is a bit of a spacer before and after the separator. We can instead of make it 10 height we can make it five and five so here I will add the second one I can copy it risk control drag this total here so it will copy the whole pen of books in this Bennett books I can say number or King great classes great Gloucester Okay, so I have expected 123456 Okay, so here we have three, so we can copy this three so we have now six. We should now change the the thickest and the link value here we can see a great one.
Lois says, Okay. here would be great two classes. Great. three classes great for classes grade five classes and grade six class okay then we will need to drag each one of this grid here. So this is a great one is that our thickest grid two as I would take this Gary Vee as our deck is great for grade five and last one is grade six Okay. Then we need the link but the link should move should move to say But nothing, actually, we can move to, we can move to the classroom to see the grades in the classroom if you want.
So you can just copy the grade one value to visit thickest and remove thickest and can repeat this in all grade numbers. And we can remove with tears or five and six All we need just make this link point to maybe class we can select tomato, This Is this okay? Okay so now should be okay let's have a look how it will look like. So here you find there are after the first ballot box, there is a spacer in separators in the spacers in the second one great one number of the grid closest scripts for you will find grease for has only two Okay, great 5161 so you will find here is 51261 so you Here you will find a number of great classes. Okay, so the third part is the student Teresa. We can do this third word Nick is to video so see you next activity