Page vertical alignments

Posted in: Newspaper
Post count: 38

I need to create a full height page, a landing page, with no header and footer, just three elements, the first one aligned at the top, the last one aligned at the bottom, the second one occupying the middle part.
With TD Composer I’ve created a page with a full height row with three horizontally oriented columns (width 100%), and I chose the “space between” option in vertical align (see Row Layout Setting Image).
In TD Composer I see the page as I would like it (see image 1), while if I select the “space evenly” option the three blocks are correctly evenly distributed in TD Composer (see image 2).
However, the same the same displayed page ALWAYS shows the three blocks evenly distributed, even when the vertical align option is space between (see image 3).
How can I fix this situation?
I am using Newspaper 12.6.5, and the example I am showing you is simplified, just to show you the malfunction.
Thanks in advance, Luca
Image 1 https://imgur.com/cn2Ddzg
Image 2 https://imgur.com/K5zUspZ
Image 3 https://imgur.com/t6R0oLt
Row Layout Settings https://imgur.com/8sm9jKI

Post count: 21065

Hello Luca!

I’m not sure I fully understand what you need to achieve and what is the issue there.
Please provide more information(screenshots/video) about what exactly you need to achieve.

A solution for sending a screenshot/video is this:
Download, capture, and send: https://www.techsmith.com/jing-tool.html
After making the screenshot, you will have a link; paste it here.

Thank you!

Post count: 38

Hi
this is what I see in TD composer, first row is aligned to the top, last row is aligned to the bottom

View post on imgur.com


Row layout settings are

View post on imgur.com


If i change vertical align type like that

View post on imgur.com


I see this in TD composer

View post on imgur.com


As you can notice, First row (with Logo) is not aligned to the top, and last row is not aligned to the bottom, the vertical colums are evenly distributed.
I need to have the FIRST display solution, but when I save the page I always get the same result, with both Row Layout settings

View post on imgur.com


You can see the live page here
https://symt2023.proper-milano.cloud/landing-page-sample/
Please let me know if you need more info.
Best regards, Luca

Post count: 21065

Hello Luca!

I can’t see the page: https://app.screencast.com/5F3ohAQeQfoR6
Please note that some elements have a default margin: https://app.screencast.com/ZttZTknXAcRgo and you should set them to 0, like this: https://app.screencast.com/Gd0mn1lRkImui
I hope you didn’t understand wrong. If you need more space after an element, I suggest you add custom margins.

Thank you!

Post count: 38

Hi
sorry, I’ve just disabled maintenance mode, please let me know when you’ve inspected the page.
I don’t think it’s a margin issue, by the way I’ve already tried to set margin, border and padding to 0, but it still doesn’t work.
The problem is exactly that I do not want ANY margin, the first row (column, by the way) have to be at position 0 in the page, as well as the last, that have to be on bottom of the page, as shown in TD Composer.

I’ve uploaded the source text for that page here

https://symt2023.proper-milano.cloud/landing-page-text-source.txt

You can copy in text mode to a new page and see what happens: after importing the text, you’ve also to disable header and footer from TD Composer website manager.

Thanks again, Luca

Post count: 21065

Hello Luca!

Indeed, there is a problem. I will add this issue to our investigation list!
I hope we will solve this issue as soon as possible.

We’re sorry for the inconvenience!

Thank you!

Post count: 38

Ok, thank you

Viewing 7 posts - 1 through 7 (of 7 total)
You must be logged in to reply to this topic.