Flexbox with fixed height issue

Questions related to the Responsive Web Design tools of WYSIWYG Web Builder.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/respon ... esign.html
Please read this first before posting any questions! Also check out the example project to get an idea how the RWD concept works.

Responsive Web Design FAQ:
http://wysiwygwebbuilder.com/forum/view ... 10&t=63817
Post Reply
User avatar
crispy68
 
 
Posts: 357
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Flexbox with fixed height issue

Post by crispy68 » Fri Sep 21, 2018 11:50 pm

Hey Pablo,

Not sure if this is a bug or not possible.

I have a layout grid set to use flexbox with fixed column height. Reason for this is to have a background image in the column. When I add a text object to one of the columns that is set to centered, it show correctly in design but when previewed the text becomes left justified. The column that the text is in is also sent to horizontal center but has no effect.

If an object (ex: image) is inserted into a column and set to centered in the grid, it looks correct in design but when previewed, same thing happens. The image is left justified. The settings on the columns has no effect.

Oddly, the vertical is working. If the object is set to vertical top, middle or bottom, it will appear correctly in the grid. It's just the horizontal that is not working.

Any ideas?

User avatar
crispy68
 
 
Posts: 357
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Flexbox with fixed height issue

Post by crispy68 » Sat Sep 22, 2018 12:03 am

In looking at the css for the column, it seems to be missing the css code: justify-content:center;

User avatar
Pablo
 
Posts: 13926
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Flexbox with fixed height issue

Post by Pablo » Sat Sep 22, 2018 6:55 am

To be able to help you I need to see what you have done.
Please share a demo project
https://www.wysiwygwebbuilder.com/forum ... 10&t=82134


User avatar
Pablo
 
Posts: 13926
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Flexbox with fixed height issue

Post by Pablo » Sat Sep 22, 2018 2:39 pm

Thanks for sharing the project!
You would expert that 'text-align' would be enough, but apparently justify-content is also needed for fixed height.
I will investigate later this week.

User avatar
crispy68
 
 
Posts: 357
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Flexbox with fixed height issue

Post by crispy68 » Sat Sep 22, 2018 2:40 pm

Thanks Pablo! Will help on current project I'm doing.

Post Reply

Who is online

Users browsing this forum: No registered users and 7 guests