WWB18 crashes when reordering an object

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
IMPORTANT NOTE!!

DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.



PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
Post Reply
mixextra
 
 
Posts: 99
Joined: Sat Mar 21, 2020 11:45 pm

WWB18 crashes when reordering an object

Post by mixextra »

Hello Pablo greetings,

when reordering an object in the Object Manager, WWB18 crashes.
Simulating the problem, see the video:
https://1drv.ms/v/s!AvUMMey_-ptLgRkVIGl ... q?e=XjTuVb

wbs file:
https://1drv.ms/u/s!AvUMMey_-ptLgRhoYq1 ... v?e=gTcHzD

Thanks for watching
User avatar
Pablo
 
Posts: 21578
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: WWB18 crashes when reordering an object

Post by Pablo »

it crashes because you are trying to do something that does not make sense. So, this corrupts the layout.

Also, why are you using a flex container inside a layout grid? It was not designed to be used this way.
In general, different layout system should not be nested. So, no flexbox in a layout grid and no layout grid inside flexbox.
mixextra
 
 
Posts: 99
Joined: Sat Mar 21, 2020 11:45 pm

Re: WWB18 crashes when reordering an object

Post by mixextra »

The goal was to achieve:
- round corners of the white background of the container
- max. container width with white background 1200
- so that the gray background of the page is always visible even when the browser is reduced
- equal height cards

For cards to be stored at breakpoints like this:
1280 - 1 row and 4 columns
980 - 2 rows and 2 columns
480 - 4 rows and 1 column

marked in the pictures:
Image
Last edited by mixextra on Mon Dec 05, 2022 5:39 pm, edited 1 time in total.
User avatar
Bluesman
 
 
Posts: 1116
Joined: Mon Feb 01, 2016 5:43 pm
Location: Sweden
Contact:

Re: WWB18 crashes when reordering an object

Post by Bluesman »

Hi mixextra... why don't you use a card container and cads?
"Make My Day"

See my Website
mixextra
 
 
Posts: 99
Joined: Sat Mar 21, 2020 11:45 pm

Re: WWB18 crashes when reordering an object

Post by mixextra »

HI Bluesman

It was a project in WWB17, which has been working for about 8 months and is published.

The project uses a layout grid (grid system: flexbox) - reasons:
- round corners of a white background
- spaces on the sides when the browser is reduced to see the gray background of the page
A Card Container (mode: grid) is inserted into the grid - reasons:
- equal height cards
- 1280 1 row and 4 columns
- 980 2 rows and 2 columns
- 480 4 rows and 1 column

Today when transitioning the project from WWB17 to WWB18 the project crashed.
At the time of project design, this was the method that worked for me.
User avatar
Pablo
 
Posts: 21578
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: WWB18 crashes when reordering an object

Post by Pablo »

The goal was to achieve:
- round corners of the white background of the container
- max. container width with white background 1200
- so that the gray background of the page is always visible even when the browser is reduced
- equal height cards
- set the background and radius for the card container
- use margin in the card container to add spacing around it.
Today when transitioning the project from WWB17 to WWB18 the project crashed.
This has nothing to do with WB18.
In your video you are dragging the card continent onto a (child) card.
If you try to to the same in WB17 (or any other version) then it will also crash, because it is not valid. It will corrupt the page structure.
Anyway, I will add validation for this in the next update.
mixextra
 
 
Posts: 99
Joined: Sat Mar 21, 2020 11:45 pm

Re: WWB18 crashes when reordering an object

Post by mixextra »

This has nothing to do with WB18.
Pablo,

I know it's not version 18.
I just wanted to explain that the project was created in 17 and I came across this behavior when changing the project to 18
mixextra
 
 
Posts: 99
Joined: Sat Mar 21, 2020 11:45 pm

Re: WWB18 crashes when reordering an object

Post by mixextra »

- set the background and radius for the card container
- use margin in the card container to add spacing around it.
This setting will not fix:
- the maximum width of the white background to 1280
- vertical gray space on the right and left side of the container after the browser is reduced

Adding margins does not respond to the right and left side of the container. The white background is always the full width of the browser.

NOTE:
I noticed that the right and left margins work fine,
but when I set Layout: maximum width 1280, the background stops accepting the set margin.
mixextra
 
 
Posts: 99
Joined: Sat Mar 21, 2020 11:45 pm

Re: WWB18 crashes when reordering an object

Post by mixextra »

Pablo wrote: Mon Dec 05, 2022 4:43 pm it crashes because you are trying to do something that does not make sense. So, this corrupts the layout.

Also, why are you using a flex container inside a layout grid? It was not designed to be used this way.
In general, different layout system should not be nested. So, no flexbox in a layout grid and no layout grid inside flexbox.
Hi Pablo,

can you advise the setting on the correct procedure to achieve the desired layout?

It seems that when the maximum width is added to the "card container" it applies only to the content of the container and not to the "card container"
and the generated HTML overwrites the set margin of 20px to auto.
The only solution I see now is to wrap the "card container" in another flex container.

At the time of the proposal, I was also based on this post:
https://www.wysiwygwebbuilder.com/forum ... 25#p471162
where I understood that it is possible to insert "card container" into "flex grid".

Thanks for the ideas.
User avatar
Pablo
 
Posts: 21578
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: WWB18 crashes when reordering an object

Post by Pablo »

You cannot have left/right margin and max-width at the same time in the same container, otherwise the container would not be centered.
So, if that is what you want then you will need to use a nested grid.
Post Reply