Wappler v5.4.0 broke website styles inside design view

Wappler General Bugs
#21

Hi @george,
I have been trying to work on the project this most affects or me and it has been INCREDIBLY painful today.

Trying to manage it by constantly adjusting the head page reference is time consuming and a massive productivity killer. When you add some components (such as modals and conditional regions) the UI looks for the head page and when not found (because you have adjusted to make the design view work) it throws an error. Even worse was trying to add a where condition in a formatter for a dynamic class. The same error happened but then gets rid of anything you already did by closing the dialog. I am now working entirely in code view which is far from ideal - if I were a beginner to Wappler it would be unworkable.

This is a long-standing project that has worked fine for a very long time and has only ‘broken’ after 5.4.0

I see you and the team are team building next week. If you could find the time to address this with an inline update in the meantime, I know I would be super appreciative!

#22

Please excuse me. I’m confused. I created a post with details for PHP. Maybe I shouldn’t have.

#23

I think they should probably be merged - I suspect it doesn’t matter which server model you use; it is the same problem

#24
#25
#26

I had this issue from day one using Wappler, 5.3.x, can’t remember. I actually created a couple of posts around as I couldn’t get pages in subfolders showing in the designer neither in BS or F7. All pages had to be at the root folder, so I assumed Wappler simply doesn’t support subfolders (changes to the head page, either from UI or code, didn’t have any effect)

With 5.4, it worked at least for me with BS 5 (purely frontend, no server), haven’t tried F7 yet.

#27

Did any of you have the experimental features enabled and had these problems before? With 5.4 we moved an update for design view out of experimental.

With the next update we will have some minor fixes, not sure if it will solve the problem for all. I was able to reproduce the problem with a PHP project which will be fixed in the next update, wasn’t able to reproduce it in NodeJS but it seems to be related and the fix should also work for some NodeJS issues.

The main issue with the design view not rendering is the resolving of the paths, to have a better overview when it goes wrong please tell the following:

  • Where are the files located (main and content page), are they in a subfolder
  • What is the setting for links, relative to site or document
  • On the content page how is the main page linked, looks like head-page="layouts/main"
#28

I think I had experimental enabled (accidently). From what I can see now, changes to head-page work for me now (just tried two projects and also fiddled around with the F7 Kitchensink by adding the Wappler commen to the subpages - which made the designer work as expected)

#29

@patrick

Experimental on, PHP project includes files lost styling (in directory named includes within site root), site set to document relative.

Looks like you already found the issue.

#30

Appears the same issue also occurs on the new project dialogue.

Screenshot from 2023-02-14 19-06-00
Screenshot from 2023-02-14 19-06-00932×728 21.6 KB

#31

Not sure what you mean here? What’s wrong exactly with the dialog or thumbnails?

#32

The images for the projects do not display and wondered if this was a result of the issue? They used to display fine prior to the last couple of updates.

Screenshot from 2023-02-14 19-32-28

#33
#34

Fixed in Wappler 5.4.2

1 Like
#35
#36

This topic was automatically closed after 32 hours. New replies are no longer allowed.