Page 1 of 1

Flex Container with cards issue

Posted: Thu Jan 24, 2019 2:10 am
by Bluesman
Hi. Playing with cards inside a Flex Container... Wonder if this behavior in WWB 14.3.1 is correct or I can prevent it in some way? Look at this screenshot... the cards I'm inserting to the Flex container continous out of the viewport to the right. When this happens I can't reach the cards that disapears to the right, but when published it works correct ??

Image



Look at this published example and it's ok.
https://www.chevere.ec/richy_flex_test/index.html

Re: Flex Container with cards issue

Posted: Thu Jan 24, 2019 7:15 am
by Pablo
Maybe 'flex wrap' is set to 'no wrap'
Or maybe there is another conflict in your settings?

Note that I cannot see what you have done, based on the HTML code. I need the project file to say anything manful about this.

Related FAQ:
http://www.wysiwygwebbuilder.com/forum/ ... 10&t=82134

Re: Flex Container with cards issue

Posted: Thu Jan 24, 2019 10:51 am
by Bluesman
Pablo wrote: Thu Jan 24, 2019 7:15 am Maybe 'flex wrap' is set to 'no wrap'
Or maybe there is another conflict in your settings?

Note that I cannot see what you have done, based on the HTML code. I need the project file to say anything manful about this.

Related FAQ:
http://www.wysiwygwebbuilder.com/forum/ ... 10&t=82134
Hi Pablo... thanks for checking in to this issue. Here is the project file:
https://www.chevere.ec/web_storage/nett ... _pablo.wtp

1. make a Flex Container
2. Make product cards as in the project
3. Cards: Minihight 480, Minwidth: 230
4. Make: 12 and insert in the Flex Container
5. When more than 5 they disapears outside the viewport (page size) ?

Re: Flex Container with cards issue

Posted: Thu Jan 24, 2019 12:22 pm
by Pablo
I am confused by your flexbox settings :?
Why did you use flexgrow: 4, flexshrink 4: flexbasis 0%, stretch?

Re: Flex Container with cards issue

Posted: Thu Jan 24, 2019 12:31 pm
by Bluesman
Pablo wrote: Thu Jan 24, 2019 12:22 pm I am confused by your flexbox settings :?
Why did you use flexgrow: 4, flexshrink 4: flexbasis 0%, stretch?
:? I tried a lot of settings for get rid of the problem... but you say... set this settings to standard will fix the issue?

Re: Flex Container with cards issue

Posted: Thu Jan 24, 2019 12:39 pm
by Pablo
The settings do not make sense to me (and probably also not for the application).
I suggest to try:
flex grow: 1
flex shrink: 1
flex basis:

for all cards

Re: Flex Container with cards issue

Posted: Thu Jan 24, 2019 12:55 pm
by Bluesman
Pablo wrote: Thu Jan 24, 2019 12:39 pm The settings do not make sense to me (and probably also not for the application).
I suggest to try:
flex grow: 1
flex shrink: 1
flex basis:

for all cards
I did... and it corrected the issue. Think I was a little lost in the settings after a while :? But now it make sense. Gracias Pablo.
Sorry for the occupation of your time...