Design Window and Browser have different styles

Wappler version 4 beta 13
Windows 10
Node Server
Docker

The preview in the Design windows,looks as expected with the selected Theme, but when printed in the browser it doesn’t take into consideration the selected Theme

this is the text on browser

Please advise if this is a bug or if I am doing something wrong.

Best.

Jay

Is this a content page?
Does it have a layout page selected?
Have you deployed everything after making the changes?
Do you see any errors in the browser console when previewing the page?
Are you using Bootstrap 4 or 5?
What design framework is selected in the project settings?

Thanks Theodor, OK, the browser now shows the same style as expected with the chosen theme. This is how it is now:

Is this a content page? Yes
Does it have a layout page selected? Yes
Have you deployed everything after making the changes? No, here was the problem
Do you see any errors in the browser console when previewing the page? Yes, see below

image

Are you using Bootstrap 4 or 5? Bootstrap 5 Beta 3 custom
What design framework is selected in the project settings? Same Bootstrap 5 Beta 3 custom

I hope it helps.

Best.

Jay

These warnings about .map files are not causing any problems, you can safely ignore them.

So is it fine now or not?

Yes, it is!

1 Like