Hello,
I have a coordinate container I've been developing my project in. I have a template that our customer wants us to use. They are all embedded views within my project. I've checked each one and they are flex containers with a coordinate container within it. On my monitor, the percent mode looks OK. See below:
You can see I do have some issues with a scroll bar appearing on some of the embedded views.
However, when I go to another computer with a different resolution, the scroll bars become more frequent on my embedded views. How do I get these embedded views to scale properly despite the resolution?
Want to add that the coordinate container in the embedded view is in percent mode already.
I have seen situations where embedded views put scroll bars in where I don't want them. Sometimes you have to play around with things to get the desired look.
Try adding overflow:visible to see if anything changes
It can behave differently depending on how things are built. You can try adding it to the view and see if that does what you want. You can also try applying it to the instance of the embedded view to see if that's doing what you want.
The idea is to style it so that if the bounds of the embedded instance are small enough that it wants to add scrollbars that it just shows the content outside the bounds instead.
1 Like
What is the aspectRatio set to in the coordinate view?
Try viewWidth:viewHeight
2 Likes
I didn't have it set as anything at first. I did try to set it as:
{view.props.defaultsize.width} + ":" + {view.props.defaultsize.height}
That seemed to be OK on the smaller screen. still some issues, but better than it was. Kind of smushed it all together though.
I tried to put viewWidth:viewHeight, but it wouldn't take it. Is that supposed to be an expression?
That worked for a lot of it. Thank you!
You can punch the values in manually, or bind to the view props.
