High in the lectures in this section, I'm going to give you a tour of the dashboard, its various widgets,
and how you can put together dashboards that look a little like this so we can review how to utilize
these widgets, how they interact with other nodes in a node.
Read slow and steady with this lecture here, which is an overview lecture.
Just want to show you a few things that you can do.
And what I'm going to show you is drawing from the examples that be demonstrating in the various lectures
in this section.
So this is what a dashboard looks like.
And you can organize the various widgets inside groups.
So you can see here that this particular tab contains two groups.
And then inside the groups, you can place your widgets in any position, essentially, that you want.
And you can also have the might this size of each widget.
There are also multiple tabs you can see here.
I've got three example tabs and each tap has its own set of widgets.
It can also set the widgets between tabs and between groups to communicate with each other.
So let's have a look in tab one.
For example, I've got a widget up here that just displays a bit of text.
Go back.
OK, so here's a little bit of text.
And I've got another widget here which consists of a dropdown and I can use it to change colors in another
widget.
So the color of the text, for example, in another widget and down the bottom, I've got graphical
representation.
I've got a chart which displays random numbers.
And you can see how you can create a line chart or a bi chart or other kinds of charts and then engage
in another case.
Here we've got a widget that allows me to change a number that essentially is that eventually is displayed
in the gauge right below it.
So that's the first tab.
The second tab right here consists of two groups of God in the first one from the left side, actually,
tab to group one.
I've got a slider and as I move the slider around, you can see that the donut gauge updates itself
with the number that I'm selecting in the slider.
Very interesting combination.
And I've got a group two with a button.
You can see that I can register a click of a button and there's also a switch, which of course, I
can also register the change of state.
There's another tab right here which consists of a form so you can basically create a form that allows
the user to input information and then submit that information.
The first one is required and he can submit this information.
And you can see here that the output is a Jason script should give back to the three that you can pass
on to another node in your flow and communicate with other components inside your flow or perhaps Internet
of Things components somewhere else on the Web.
I just go back into the flow.
This is the flow that makes these tabs and the dashboard work, and I'm going to show you what each
of those components do.
So here's the switch.
Note a button node slider.
There's the various gauges right here and text boxes and so on.
But I wanted to show you here first on the right tool, Bob, what the dashboard edit area looks like.
So since I've got three tabs in my dashboard, I can set them up in the edit tab of the dashboard like
this.
Each of those components makes up a component of the dashboard and each of those you can edit either
from the tabs in links window like that.
That's the edit node tab that comes up.
Or you can simply double click on the node itself, just like with any other node, and access the same
set of edit widgets of added fields.
Also, you've got the side tab, which gives you access to some fields that you can configure that affect
the whole dashboard so you can change the node of the dashboard.
For example, right now, of course, that note read Dashboard and can see that it appears in the tab
in the dashboard and there's various options that you can said, including its size down here.
Of course, it's also the theme there's a few themes that you can select from this to this Allied.
Looks like they spent diplomatist.
It looks like this, and this is the dark.
And looks like this, but you can customize the theme as well by choosing a base color and whatever
font you want out of here.
So then another thing that you can do is through the the layout tab is you can set the or the layout
of the tab itself.
So the size of the tab so you can increase it, decrease a bit, so on.
And then the the height of their tab depends on how many widgets you have in it and the height of those
widgets, and you can reorient those widgets around the tab in order to position them.
Precisely.
So you do have control over that, that you just have one that I was playing around with.
And it now looks like these things are a little bit more compact this way.
But you can also set the sizes from inside each widget as well.
Which side?
The properties of each note, I should say.
So, for example, having a look at have no one there is say, this text filled up here.
And I believe that this is coming out of this one here.
So you can see that you can select it and you can make it longer, shorter or can make it automatic.
And that will affect it's in the way that it looks in the dashboard.
You do need to play around with these things a little because what you are doing in the edit properties
or in the properties of the node may not reflect exactly the way that you think in the in the actual
dashboard.
So you do need a little bit of patience here to get things look exactly the way that you want them.
All right.
Another thing I want to show you is here, this button, once you have set up your dashboard, it gives
you access to the dashboard.
Just click on it and you open up a new tab and reveal the dashboard.
So that's a shortcut for its identity type in the you are real.
And in case you haven't done so yet, if you have not installed the dashboard set of notes, just go
to the burger symbol of the top right corner of note.
Read the editor, click on Manage Polit.
And under Polet, you should already have the note read Dashboard.
If not, though, just click on the install tab and search for dashboard like this.
And the one that we will be working with in this project is this one here, Noad minus red, minus Dashboard's.
Just click on install and that will be installed.
And while I'm here, I'm just going to upgrade or update my installation to version two point twenty
three so that I'm working with the latest available version of Dashboard.
OK, so now need to restart note read to enable the credit modules to the command to restart note read
is this you should be able to do a pseudo service node rate restart.
In my experience, I've found that sometimes this command will stop but not be able to actually start
the note read service.
So if that happens, just break down this command into pseudo service nodes to stop.
This will stop Modred.
And then start.
OK, and then let's go back into the ED.
The.
Ed has now turned to reconnect, to not read it's can to give it a hand by reloading the page.
OK, it looks good.
Let's check out the.
Patriot and no dread dashboard is two point twenty three, so it is up to date.
Awesome.
Let's move on to the next election now where we'll have a look at the various, at least the most important
nodes for the various widgets, starting with the text input and output.