Fill width in landscape?

Studio
#1

I have what amounts to a footer. It’s a strip along the “bottom” in portrait orientation which spans the width of the device. Using the device simulator, it automatically scales proportionally for different devices. Great.

I then have a state which rotates the footer 90 degrees when in landscape orientation, but I can’t figure out how to get it to fill the width. Anyone have any idea how to go about it?

It seems a lot harder than it should be, given how simple it was to get it working for portrait orientation. :confused:

#2

Hi @shot. In Studio there will be an orientation controller with landscape and portrait states. Assign the scale and position properties to these states and then switch between the two to set how you want different elements in your experience to look. Here is some info to help https://docs.zap.works/studio/getting-started/controllers-and-states/. There are also two device orientation project templates that might help see this specific task in action.

Good luck.

1 Like