Page 1 of 1

*** SOLVED *** NavBar from WWB20 will be displayed different in 21

Posted: Sun Mar 29, 2026 8:27 pm
by sieweb
Here is my problem (as WWB20 and WWB21 file):
https://my.hidrive.com/lnk/TfH4HYO2K
In WWB20 the three buttons will be displayed in one horizontal row as intended. In 21 there is a break after the second button and I can't find the reason for that.
Thank you again, horst

Re: NavBar from WWB20 will be displayed different in 21

Posted: Sun Mar 29, 2026 9:30 pm
by alan_sh
In WWB21, you have padding for the layout grid. But removing that doesn't seem to fix it. Over to Pablo :)

Alan

Re: NavBar from WWB20 will be displayed different in 21

Posted: Sun Mar 29, 2026 9:45 pm
by alan_sh
In the CSS files, there's a difference:

In the one for V20, we have this:

#NavigationBar1
{
display: inline-block;
width: 312px;
height: 30px;
z-index: 1;
}

In the one for V21, we have this:

#NavigationBar1
{
display: inline-block;
width: 308px;
}

No height and no Z-index. I don't know if it's something missing from the WBS file or a bug. But at least it's different.

Alan

Re: NavBar from WWB20 will be displayed different in 21

Posted: Mon Mar 30, 2026 12:12 am
by crispy68
Since the navigation bar uses images, the images are bigger in 21 vs 20..... 101px vs. 100px based on the CSS code. Not sure, could be a calculation error. Pablo would need to see if this is the case. Stretching the menu bar results in the same thing. Simply reducing the size of the image by 1px in the CSS code fixes it.

Re: NavBar from WWB20 will be displayed different in 21

Posted: Mon Mar 30, 2026 6:54 am
by Pablo
Thanks for the information and demo project.

I was able to reproduce the problem and implemented a fix for this in the latest build (3/30/2026)
https://www.wysiwygwebbuilder.com/download.html

Re: NavBar from WWB20 will be displayed different in 21

Posted: Mon Mar 30, 2026 10:13 am
by sieweb
Hey Pablo, you can put a *** SOLVED *** to that :D , thank you,
and thank you to all the others who had a look.
horst

Re: NavBar from WWB20 will be displayed different in 21

Posted: Mon Mar 30, 2026 10:33 am
by AliGW
You can do that yourself by editing the opening post. :P

Re: *** SOLVED *** NavBar from WWB20 will be displayed different in 21

Posted: Mon Mar 30, 2026 8:40 pm
by sieweb
Hey Ali, done :D
I'm suprised to meet you here - long time no see 8)
horst

Re: NavBar from WWB20 will be displayed different in 21

Posted: Mon Mar 30, 2026 9:32 pm
by alan_sh
Pablo wrote: Mon Mar 30, 2026 6:54 am Thanks for the information and demo project.

I was able to reproduce the problem and implemented a fix for this in the latest build (3/30/2026)
https://www.wysiwygwebbuilder.com/download.html
Pablo, can you enlighten us as to what the issue was? I'm just curious and the whatsnew file doesn't really say.

Cheers

Alan

Re: *** SOLVED *** NavBar from WWB20 will be displayed different in 21

Posted: Tue Mar 31, 2026 5:44 am
by AliGW
sieweb wrote: Mon Mar 30, 2026 8:40 pm Hey Ali, done :D
I'm suprised to meet you here - long time no see 8)
horst
Why surprised? Isn't this the most natural way to go for former WebPlus users? :P

Re: *** SOLVED *** NavBar from WWB20 will be displayed different in 21

Posted: Tue Mar 31, 2026 6:14 am
by Pablo
Pablo, can you enlighten us as to what the issue was? I'm just curious and the whatsnew file doesn't really say.
It's a bit complicated to explain in detail, but in short: objects can generate different code depending on the context they are placed in (for example, whether they are absolutely positioned or inside a layout grid).

In previous versions, the navbar used its own logic to determine its size and position. In WWB21, this has been streamlined into a global process. However, the size calculation happened at the wrong moment. As a result, the width was calculated incorrectly.

Re: *** SOLVED *** NavBar from WWB20 will be displayed different in 21

Posted: Tue Mar 31, 2026 10:19 am
by alan_sh
Thanks

Re: *** SOLVED *** NavBar from WWB20 will be displayed different in 21

Posted: Tue Mar 31, 2026 10:22 am
by sieweb
AliGW wrote: Tue Mar 31, 2026 5:44 am Isn't this the most natural way to go for former WebPlus users? :P
Thumbs up!

Re: *** SOLVED *** NavBar from WWB20 will be displayed different in 21

Posted: Tue Mar 31, 2026 1:37 pm
by alan_sh
sieweb wrote: Tue Mar 31, 2026 10:22 am
AliGW wrote: Tue Mar 31, 2026 5:44 am Isn't this the most natural way to go for former WebPlus users? :P
Thumbs up!
I'm another convert from WebPlus

Alan

Re: *** SOLVED *** NavBar from WWB20 will be displayed different in 21

Posted: Tue Mar 31, 2026 2:07 pm
by AliGW
It's good to know that friends from a bygone time are now here. :D