My Project Looks Very Different When I Select 'Open in Browser'

Wappler General
1

Long story short, while doing the design itself, it looks fine, however after deploying (to docker localhost/home), it looks naked, bare html with plain text and grey buttons, blue links etc.

Am I missing something here? In the right-hand ‘Design’ tab it says ‘No user style file attached’, however I’m starting my first project, I don’t have any user style file to upload or attach.

Previously when I created a demo project and clicked ‘Open in Browser’, i was able to see the full css design and style, so I assumed that what I dragged and drog in the main Design Tab would reflect directly on the Open in Browser view?

2

Seems you are missing indeed some CSS styling.

Is it a content page that you are working on? What is the server model and design framework you use?

3

thanks for your prompt reply. I actually set up a docker server according to the tutorial/ guide. using bootstrap 4 currently. all setup was proper and successfully deployed, light is green, i’m just stuck trying to figure out why the design interface within the wappler is not reflected on the open in browser vew.

4

Could you please answer the questions I'm asking, it will help me determine what is wrong.

5

Yes, it’s a landing page with a navbar, header and container.

Server Mode: NodeJS

Design Framework: Bootstrap 4.

Thank you for your time!

6

Do you have a layout page assigned?

7

I had the same issue (node / docker). You should create a layout with your “stack” (bootstrap, etc) and everytime you create a page you choose this layout.

8

thanks I’ll read up more on that first before giving it a try. guess I have to read more into the documentation first. Thanks everyone for your input