WebSite X5Help Center

 
Marius T.
Marius T.
User

Responsive fit  en

Author: Marius T.
Visited 1788, Followers 1, Shared 0  

I believe I have a simple problem but can't find the solution.

Inserting an image I want that to be full horizontal size always at any resolution. It looks great in every viewport I have set in Responsive Structure, but not BETWEEN those viewports.

In Row Format inside Pro 14 settings I had set "extend to the width of browser window". Is this the setting expected to place the image entirely from left to right?

Is there a solution to solve it?

Thanks!

Posted on the
8 ANSWERS - 2 USEFUL - 1 CORRECT
Esahc ..
Esahc ..
Moderator

Marius

If you want the image to be always full browser width you need to place the image behind the cells using the row formats option (in step 4 pages, top right icon).

If you want the depth to shink at lesser resolutions, I use a trick. Using a suitable paint program I create a single colour image the dimensions I require for desktop view, I set that colour to transparent, then I place the transparent image in a text box which has the real image behind it.

Read more
Posted on the from Esahc ..
Marius T.
Marius T.
User
Author

Brilliant ideea! The problem is that I have 2 columns of text and when setting the transparent Png from Row format does not solve the problem only if I have one text column it works.

Read more
Posted on the from Marius T.
Incomedia
Claudio D.
Incomedia

Hello Marius,

Can you please show me an example of waht happens with 2 columns?

Many thanks!

Read more
Posted on the from Claudio D.
Marius T.
Marius T.
User
Author

Hi Claudio

If I insert a Png image in every column both columns does not fit from left to right but only in exactly responsive points not between them. Exactly like in the attach of the first post.

Read more
Posted on the from Marius T.
Marius T.
Marius T.
User
Author

Maybe I missunderstood: so in the text container I have placed an background image of 1366/3 pixel transparent. It works on single text column but not on 2 columns. I mean 2 columns by 2 text container placed on 2 columns inside layout.

Read more
Posted on the from Marius T.
Esahc ..
Esahc ..
Moderator

Marius, the png you are referring to, is that the transparent image?

If so, delete it and ignore my suggestion (I have obviously confused the issue. The transparent image is only of value if there is no other content in any of the cells in the row).

If not, please take a screen shot of the preview and another of the page layout (step 4 Pages) so we know what you are having difficulty with, you can attach one image at a time to your message, or you can copy to clipboard and paste (CTRL V) directly into your reply.

NB a text object cannot be made full width, there will always be margins at anything but the breakpoints.

Read more
Posted on the from Esahc ..
Marius T.
Marius T.
User
Author

Hi, Esahc

This is the real problem: "a text object cannot be made full width, there will always be margins at anything but the breakpoints", as you wrote.

I have found webpages in which the the entire content is filling the horizontal dimension from left to right no matter the resolution. Website X5 can't do this, at least this is what I have understood.

Read more
Posted on the from Marius T.
Esahc ..
Esahc ..
Moderator

Marius, that is correct, WX5 cannot be set to display pages to the width of the browser.

The best you can achieve is deception :-)

Please see my reply on this post

https://helpcenter.websitex5.com/en/post/184251

Read more
Posted on the from Esahc ..