Hello, in this video, we are going to implement Spinner's so what is a spin in Bidstrup This will
go here.
That's it.
Is a great way of showing to the U.S. that something low the loading, something's happening, something's
in progress of a few different one.
I will show you three different ways of doing it.
Feel free to come to this website or provide a link in the description to see all the different ways,
all the different color, the patterns, all the things that you can do.
OK, so what we're going to do first of all, this on a break rule tag, just because if you don't,
the spinner will literally be touching the top.
If there's a low flow.
Nice.
If it's enough of that.
OK, so the first one to put Div Klasky across the dashboard.
So this is just a follow one of the circle of a doughnut essentially.
And the role will be status.
Yeah.
Going to have span of a span class Assad owning only load.
So this is the supreme leader.
Be good to accommodate that side of you.
Well there we go.
That's it.
And my thinking, why this loaded?
This isn't loading anything.
This is just a visual cue to the user that something is loaded, obviously, that you would implement
to avoid JavaScript, maybe some sort of back in court or placement.
And then using JavaScript, you could get rid of this load in like onto other next task where I want
you to do it.
Let's say after five seconds, remove this spinning item and maybe display some text, for example.
It will have to be loaded.
It could be hardcoded.
Just use JavaScript and you could, you know, implement the query library and use as well.
It does make things easier.
OK, so next one, a couple of breakthrough tags.
Just because I remember when I implemented it for the video to test it, this looked a lot nicer, too.
Obviously, you would have for the content of the.
Well, the next one will show you is almost glow.
One biner dash ro text danger.
So this is just the color, the theme of it.
And you can see all of that on the bootstrap website luks that.
I would provide a link to that in the description role equals status.
Spanned class, equal parts only lower than
unemployment, the last one as well while I'm here.
This is going to be in a slightly different format.
This is going to be within a button and upper class BTM.
Feel free to check out my video on buttons and bootstrap and all that they can do with that and not
our primary.
Our primary primary.
Time, equal opportunity for the disabled, because that's what you probably do when something like
this happened, maybe you've clicked on the bottom.
You could implement these attributes in JavaScript and put the Spiner inside as well, which we're going
to right now span
less than a dash board and dash the dash s.m.
So small roll equals status.
Area, that's then because nothing in here were actually going to have Lodin text No.
And to reload, see what we get with this is sort of like a growing flash, you want to see more classic
one.
We've got this classic one with in a item like this.
So let me have a look what we got.
Yeah.
Everything looks.
This should have been in here.
There we go.
Formating better and it looks better instead of just been at the bottom thinking something look weird.
But there you go.
That is how you implement Spinner's Box said there are more that you can do with it in terms of the
alignment, the positioning, the sizes.
You can have it with one of the flashy ones inside.
You can have that text.
Feel free to experiment.
That's the best way to learn.
And unusual usual.
If you have any questions, feel free to put me a message and I'll look forward to seeing you in the
next video.