In Freeway, I used a Table to make two vertical columns of text.
I’ve played with this a bit, but cannot seem to make it work. Thankful for thoughts on this…
Edit to show how it looked on the previous site:
Hi Matt,
You could use a flex container.
Here’s a rough example:
Emergency Products.zip (15.2 KB)
There are two flex-items that correspond to the columns, and these are given a Flex value of 1, meaning that they will have the same width, but can grow and shrink. They also have a minimum width of 200px, which prevents them from becoming too narrow. Finally the container is set to wrap, so that the items will wrap onto separate rows if you’re viewing on a narrow screen (e.g. phone).
You might want to experiment with different minimum widths, and I think you also want the text items to be list items, in which case select them and increase the list level. If you want to space them out vertically, after converting them to a list, select them again (if they’re not already selected) and set a top and bottom margin (e.g. 1em) in the Paragraph Inspector. For an unordered list (with bullets), choose Unordered List from the Type popup in the List Inspector.
Useful tip: A good way to test responsive layouts is to use Safari’s Responsive Design Mode. See “Testing responsive layouts” at the end of the Flex chapter in the Xway User Guide.
If you do that with the sample document, you’ll notice that when the flex items wrap on narrow screens (e.g. when the device width is less than 400px), there is a gap between the bottom of the first list and the top of the second list.
You can get rid of this gap: select the first item in each list and set its top margin to zero in the Paragraph Inspector, then switch to the List Inspector and set the top margin of each list to zero.
Thanks very much! That was what I was trying to do….but just couldn’t make it work. I can’t begin to express my thanks for your help. I am getting better with this each day…..maybe it’s just me…but I find Xway much easier than Freeway.
1 Like