Hello, friend, welcome back.
In a previous video we have working our profile and the profile, we load our form that is our custom
form as a form that means in our form area I appreciated that means into that.
That is in our post.
That means in our appose.
That is our form.
Right.
So here I created our field as image field and the caption field.
And then in our view, I load our D form.
Right.
And also, shall we check out this authorities appropriate.
Our current user ID are not intended to be safe and when our D form that will be saved, it should be
directed to our home base.
And also I pass out this form in our that is our form I have passed.
That is our user base.
So now we can actually use our D form in our user e-mail right now.
Go to our user.
That is a dot e-mail here and the visible security visible light here.
I want to do I want to add one of the bootstrap model.
If you go to Google and if you start with the W three, that means the W3 Model C, if you start with
this and if you go here, OK, you open it.
And right now, we are using the bootstrap, I go to the bootstrap official site and we are using that
booster for no go here and you can see they have some of the components now and don't use that bootstrap
model.
That is the bootstrap.
You consider it to be as Ford model, so I want to use it, so if you click on the open model, yeah,
you see that the clone of the model is loaded.
So now I don't actually use this model.
So if you want to use it, they have some example code.
You can see that is a clever button and then that will be our model.
So first of all, I want to take out this button.
I copy it so, you know, more user profile after that image.
After that here, I want to visible it.
So that is, you know, user dot esteemable.
And that is all right.
That means that there are images and that is our leader.
So after this image, after this image here, here and displayed a load our this button like that with
this button.
Now, let's check this out.
If you look at this table and now if you refresh it.
So it's actually show like that, we're better.
I got it.
Uh, it's not to be in particular that area so better.
That is our roll.
That is our first step and that is our another day.
And that is a lot better after that last day.
OK, so after this, after this here, I want to use it.
That is a button.
Now click, disable and now refresh it.
Yeah, you can see it's not showing us our open model.
Right.
That means this model.
So here I want to do if you click as this open model then it should be lowered our this step up one
of the pop that in this table, one of the pop up.
So if you want to use it.
So in this button area, you can see there have also the target as in my model.
So now we have to do to load it.
That means this my model.
So now better.
I copy everything, I copy everything from here.
That is our model.
And now after this button.
After this button here, I pressed it, OK, now I pressed it.
So here you can see that the lower ID as my model.
And also there is a data target as my model.
So now it should be loaded.
That means this popup will be loaded.
Click and save all.
And now if you refresh it.
And now on here, yeah, you can see suffering as a model, hurting, and there is a moral body perfect.
So not only do I want to update it, souffl seafront update like here, first of all, that is our open
model, right?
That is our bottom name.
I want to do want to change it.
I make it as a post that means post a photo or post photo.
OK, so it will be as a post photo.
And also I want to update our heading.
That means our heading model heading will be updated as a post photo.
Right.
And then that is our model bodies into the model body area here.
We have to load our form like I just click and save all.
Now refresh it.
There is a post photo click here.
You can see there are post photo.
Seem to the model body here.
Here.
I want to download our form.
So if you want to use it, that means in our body area we have to work.
So this will be simple or we just load along the form here.
We don't need any class.
And also you don't need any action on the material.
We need it.
And also here we will work with our images.
Right, so that if you work with the images, as I told you before, you have to add that ency type
and incident will be as a multiplatform data.
Right.
And I hope you remember that part.
And also from here, that means from our view, I have already lowered our custom form I that form I
have posted.
So now we can actually use it.
Now I use our form and this form will be as battlegroup.
So as I told you before, in fundamental, I have already discussed about the things we do.
That message will be displayed one by one.
Right.
And also we need our C srf token.
That means that will be our C SRF.
So without serious self talk can still not work.
That means you cannot insert any poll data.
Right.
So that is also a of token.
And after that I take one at the bottom, I take one of the bottom button type will be at a summit type.
So shall we have the submit type here.
We don't need any name I put on the class I put on the class.
It will be as a meeting with the n i me the info I could be done between info and then between s.m and
then I put that name will be as a post.
OK, post photo.
So should we as a post photo, so they step up on of the formal suits will be loaded.
Now let's check this out.
That is our form I have loaded.
So now I have to do want to check it, click and save all.
And now if you refresh it.
Photo.
Yes, you can see it now is perfectly visible, our emails, they have the two Afshan I have declared.
Right.
So that is our view into the view.
That is our form.
Simply the formula.
That is our platform.
That means in our app, that means appose.
That is our form.
I have only loaded two of these filled one will be as emails and other will be as a caption.
Right.
And also we successfully say that means if everything OK, it now should be our this user data.
That means this both data and witness will be saved.
Then it should be directed to our returned response device to our homepage.
Right, friend.
So now let's check this out.
If everything OK now, we can actually able to post it.
That means that is our form from here.
I pass that as a form of post and also that the RNC type.
So now it should be Sablon.
Let's check this out.
If you click as a refresher again.
Now click the post photo now tools for picture file.
And from here, if you go to my desktop and that is actually to an Instagram picture I have.
So now I posted because this one, I name it as a name that it is OK, this type of what the caption
and no one did want to add as a post photo because a post photo.
Yes.
You can see it's not successfully inserted that data because of all, as I told you here.
So in this data will be safe.
It will be is to be done direct or EDP response to that to our homepage right now, the key to our home
page and also our emails.
But if you go to our model so friend everything, I think it should be clear, like you could see that
in our post in the post emails, I have already declared it will be uploaded to our post emails folder.
That means in our media into the media that we are posting this here.
You can see that is our post.
This perfectly inserted that things on here, OK, that means this image is perfectly inserted, in
particular that position.
So you can see that the cloud image is perfect.
So everything is working great and now we can actually submit it.
And now if you go to our post, yes, you can see it now showing our one post because of all I have
already add one of the post.
And now if you want to add another one, I choose another one as this one.
OpenNet name it as a Jack Ma.
Jack Ma posed the most photo.
Go to our home, the results to post and I'll see from dad another one.
I choose another one of this, one of Penny or some of the caption because I post photo go to our home
because it is not showing us the three post.
Perfect.
So now if you want to visible this post all that images in particular that area, that means that is
our profile.
That means that is our user e-mail right now to our user e-mail.
So that is our users and the user e-mail after this, OK?
After this, I want to do better tax on the bracket.
I take on the bracket and then I want to do undertake another Dave sorry.
Undertake another Dave and I may meet as one of the rule and here I want to do and the visible are all
the teammates right.
Equal to visible that image here.
We have to run on the fall because I want to get all the data so I name it as a four and now I want
to visible it with our one of the variable as opposed or roll whatever you want.
OK, so make that I just name it as a post and in our square.
So every post data, if you go to our model list, that means apples into the apples.
If we go to that model, into the model, we can see this octopods that I put that things with this
relation, with our post, with this boils down to do I want to get all that our dis user data so will
be just like the same.
That means it will be in our user.
So here I want to do with our user and then our post and with this post I want to do and get all that
our data.
OK, that means this user, all the data I want to take and then also we have to do we have to finish
it.
That means we have to end it.
And our far right that we saw and for and here I want to do and load our emails that this will be will
be our email stack and emails will be, as I think you already remember it, it should be the media.
So with this media, I want to do want to access with this post and we can actually access it right.
With this post.
So with this post knowing what to do in Texas, our filename, if you go to our model, so our filename
as an image to know what to do and to access our decimals.
So I just copy and then here I want to do in our user, I want to be visible over this image.
Right.
So now it should be visible.
Now, let's check this out.
If you click the save all and now if you refresh it.
Yes, you can see, oh, my God, that is actually very large.
OK, so we have to actually set that image size.
So you can see that is our every image is visible.
So now on to the on the bottom of the white and height for our DC Maysoun to add some of the clouds
for this one.
So if you want to add some of the success that is your user, today's turmoil into the user data e-mail
here, you can see I have already added our blog.
So that is our siestas blog.
Right.
Pseudocyesis block area.
I have already discussed about that things three different that some of the style.
You can add it on here.
So now I want to do and to that extent, that will be a style.
And here we don't need our media.
OK, I remove it.
I only take our style.
And better I want to do to make that as a PSP, to be as a PSP so that it will be soon to these area
on the WP around the class, and I name it as a cropped OK.
And everybody wants to know why.
Name it as a prop.
So if you already know about a little bit that causes, I think you already know about it.
So that is wide for this image.
I want to put some of the way to the 200 pixel.
OK, I want to put as a 200 pixel and also I want to add some of the height.
So height will be also as a 200.
OK, I want to make it as a 200 pixel.
That means that will be as our described position.
And here I also want to make our overflow.
Our float will be as a hidden.
It will be as a hidden.
And then that is all body tag.
That is our krupka.
That means here that it will be our one of that class.
And here also that is another one as an image.
Right.
So no one to do also want to update it.
That means I want to add another one.
So after this OK, after this I take as a cropped.
So describe that another one of the emails.
So for the images I want to do, I want to put some of the white height.
I want to put that why it will be as a 400 400 pixel and then sorry for 100 pixel and then height.
Height will be as if 300 like 300 pixel.
I want to put some of the white height and no one to do.
I want to use our this, all that plus.
So if you want to display that means that will be our cropped.
So here I have to add another Dave actually.
So I just simply add on the Dave and this tape class will be our prop and into this Davidia and want
to pass out this image.
Now I pass it right and I hope is very much clear to you and that is your crop.
And with this crop that is also there is already Mastech.
So I have added both of this.
I have added both of these as our crop and then our crop image.
Now, let's check this out.
If you click the save all and now if you refresh it, yes, you can see there are one, two and three
picture.
So it's actually a display like that to better learn to put some of the margin down to make that thing
a little bit in center position.
So if you want to do that, works after this.
OK, image tag area, I want to put on the margin.
I want to put that magazine, which will be I make it as a minus seventy five and then zero and zero
and minus one hundred.
I want to zoom it so I make it as a one hundred pixel.
So there will be also as a pixel.
Right.
And now let's check this out.
If you look to save all and now if you refresh it.
So here it's not changing anything, it's not changing.
See friend that is actually our crops will still be as a cropped image.
Right.
I put that spelling mistake that will be the crop.
And then with this crop, I want to access our this image stack.
Now, let's take this out of the save all and now refresh it.
Yes.
You can see now that is actually the center position.
So also we're trying to make it as eighty five.
OK, make it as eighty five and I make it as a one one zero as a save all.
And now if you refresh.
Yeah.
So that is the center position.
OK, so friend I'm not forcing you to design this part.
So here you can add some of the image tag that means the CSC mistake and here you can displayed astbury
you demand so that now we successfully post any from here and also displayed like it here if you want
to add new post.
So right now I want to do want to add another new post.
Uh, like take this one.
OK, I take this one, I put some of the caption, post this photo, go to home.
Yeah.
You can see there is another one is successfully added.
Perfect.
Next video I want to do, want to work in our home.
That means when you insert any images from your post, then automatically it's integral to our homepage,
right to the home page.
How can visibility and how can design your home page, you know?
Next video also that things with the live example.
So thanks for watching.
I'll see you the next video.