Padding

3 minutes
Share the link to this page
Copied
  Completed
A widget that inserts its child by the given padding.

Transcript

Hello, in this video I am going to show you so padding if you come from a web development background, you will feel right at home with it, if not, is a sample. So we have these two widgets, the top widgets do not matter. And without any padding there next to each other padding essentially allows us to not propria and that's really all there is. So what we're going to say, then add some padding to this web text widget. So it you know has a bit of a space. Yeah.

And to add padding when your multiple tools and like before even if one child, it's a child in itself, what you need to do is you padding and the first property that needs the same, you know the padding itself, so you can just put a few different types but the recommended one I'd say is edge insert All or maybe add from left, top right and bottom, specify each individual, you know, record each individual pattern. So it's the same pattern. So if I pause and after it you put the child itself that you want to apply to. And we can actually cook this child here. And before the child knows what it is, and as you say that, as you can see it's moved across lead. That's all there is to it.

If I want to just go one step further, and fully color, and here are, again, just new tags. The top widget is really simple. If I was to put I think, David good He'll as well. But we'll add this or if he was to put this to zero, which simulates it if we didn't apply padding Ed next to it. But what I want to show you is the again, the other type of pattern, which is cutting edge inserts from left, top right bottom or left left if we put a padding of 20 from the top, doesn't matter what we put here, because there's no items above us. So for now, we'll keep this at zero and Reuters save mine to the bottom again, nothing below us below it.

So it will save it and see the pattern hidden pattern here, this padding the left padding next to this widget, so it's 20 and this is not really all you need to know. You can apply the same sort of padding with other you know sort of layered mechanisms. Instead of using a row, you can use a column. Remember column is oriented vertically. So the two that you would more be interested in is the top and the bottom position. That's it for padding.

If you have any questions, feel free to drop me a message. And as usual, I look forward to seeing you in the next video.

Sign Up

Share

Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.