Not when you add a background or background colour. Definitely is not allowing us to see what has been created, as far as I’m concerned it definitely is an issue.
I’m pretty sure that as long as you define dimensions to the section or background image you will set it preview mode as you expect.
A div or section, without dimensions is only as big as its content, and with no content it is basically empty. Even a background colour won’t give it a shape unless it has height or width defined in someway.
If you haven’t already, play around with using 100vh as a height or min height instead of 100%
EDIT: I take it back, even with set dimensions and a bg colour, it still only shows the placeholder if the content is empty. Put some content in though and it views fine.
Also, i don’t know if you already know, but this link below from w3schools has a good guide on creating a collapsible side panel (overlay) that should do what you want.
https://www.w3schools.com/howto/howto_js_collapse_sidepanel.asp
It is Boostrap based and you can easly copy the CSS and tweek it for your own project. Just change the left:0 to right:0 and figure out how you want to trigger it
Hey Philip, the issue is that I don’t want it to have any other content other than a background colour or image. So the result is this…
Which is not ideal as there is no way for me to see how it actually behaves without publishing it and then looking on another browser.
In other words, the browser engine that wappler use does not correctly render background images or colours. It had me stumped for quite a long time and I thought it was something I was doing wrong. I know for a fact I am not the only one with the same issue.
Ah that’s a good one, thank you.
If you just put (in the code view)
<div></div>
Inside your section or sidebar or whatever, that seems to be considered content and will thus show the background image (just tested)
See:
Might help with visualising it while developing etc.
Thanks for the workaround Philip.
I’d still consider this something that needs improvement in a future version wouldn’t you?