So far I am very impressed with the Includes feature. Haven’t tried it with dynamic data or anything in it yet but with static content it seems to work very well. Well done!
When the include file is created by Wappler (with the “Move To Include File” icon the the App Structure panel), there is a special comment added on top:
<!-- Wappler include -->
...
This makes the partial html file render well in Wappler’s design view. It even gets the design frameworks used, included so it renders visually all well.
These frameworks are auto added to this comment when created by Wappler, or when you add frameworks on such partial content page - they are actually only added as parameters to the include comment - so design view knows and includes them for viewing and design
Could you paste the exact Wappler include comment code? If you had bootstrap4 for example on the main page then you should see it as attribute at the include as well like:
<!-- Wappler include jquery_slim_33="cdn" bootstrap4="cdn"-->
if it is not listed, you can just add the framework in will add those attributes on the partual page.
And then it should refresh and show it nicely rendered with loaded bootstrap in design view
I am going to be testing this feature quite hard though, I am just warning you because i use it alot, if between @brad and myself we can not find a way to break it, then it will certainly be bullet preef, haha.