Morning composers, I got a `Box` in a `Box` and I want to offset the inner box by `x` dps from the l...

# compose

[Ian Warwick]

Morning composers, I got a Box in a Box and I want to offset the inner box by x dps from the left, I tried left padding and offset though nothing seems to work

Box(Modifier.background(Color.Red).width(128.dp).height(128.dp)) {
        Box(Modifier.background(Color.Green).width(32.dp).height(128.dp)) {

        }
    }

I want the inner box to have some space on the left hand size that I can specify hope that makes sense

[allan.conda]

How about Modify.align it to the right?

[allan.conda]

padding for the inner box should also work though. might just be a problem with the ordering

[Ian Warwick]

Cheers I wanted some exact positioning like 32.dp from the left or something though seems not to work like that, maybe margin is something I need though don't seem to find a Modifier for that

[allan.conda]

there’s no margin in compose. But what you meant by margin is adding padding aT the top-most order

[allan.conda]

let me make a poc really quickly

[Ian Warwick]

cheers!

[Ian Warwick]

This is what I tried

Box(Modifier.background(Color.Red).width(128.dp).height(128.dp)) {
        Box(Modifier.background(Color.Green).width(32.dp).height(128.dp).offset(32.dp)) {

        }
    }

and I get this in Preview

[Ian Warwick]

I tried padding start and padding left to get the green bar offset where I want it (say 32.dp in) though still did not move the green bar

[allan.conda]

you want this right?

[allan.conda]

ah, sorry, should just be padding(start = 16.dp)

[Ian Warwick]

kinda just the green bar to not have padding at top or bottom

[Ian Warwick]

aha! I think it might be Modifier ordering?

[allan.conda]

yep

[Ian Warwick]

I put mine last and not first in the modifier list

[allan.conda]

modifier order matters

[Ian Warwick]

nice one!

[allan.conda]

Compose Preview is ridiculously slow…

[Ian Warwick]

yeh thanks! 🙂 it works

[Ian Warwick]

yeh and sometimes bugs out I think

[allan.conda]

[Ian Warwick]

lovely cheers works