Parent Fluid Box Image Scaling between Landscape and Portrait screens
We are trying to get our training course on multiple screens in all orientations and this is our latest hurdle. All reference images at the end of the blurb.
In Landscape, everything is scaling fine (with some work to do on my end obviously), however the background image (set as an image fill on the parent fluid box) is not working when we turn a device into Portrait.
As this is a safety induction course, we need to put as few barriers between someone starting the course and completing it. That is why all orientations of all devices is such an important matter here.
What have I tried?
Tried all different kinds of tile settings, tried stretch, tried no additional settings.
What do I need?
To be able to set the image that will be displayed in Portrait, or better still, have the image represent how it does in the Layout Preview in Captivate.
I understand that it may be that the browser has a vertical pixel count over 627, though i would have expected vertical ‘responsiveness’ too.
Landscape in Browser – Good
Portrait in Browser – Gross tiling
Parent Fluid Box Image Settings
Image Preview – in Captivate
You asked for tiling when filling the background with that image. Why not take the tiling out, and the stretching? That will lead to cutting off parts of the background image in portrait mode (witdh) but you’ll keep the center of the background image.
I’ve tried to edit this comment… I re-read your response.
This is what we wanted to do. Have the pegged part of the image fill the background in all states. Unfortunately, when we turned off those options you mentioned, the image maintains its aspect ratios and creates bars (in our case white) at the top and bottom of the slides. This is what is an unacceptable design option.
You must be logged in to post a comment.