Embedded Vaadin UI in HTML Page is hidden.

Hi all,

I am just trying to embedd a Vaadin application in a static html page with the help of the current Vaadin docs (https://vaadin.com/docs/v8/framework/advanced/advanced-embedding.html). However, my resulting page is empty, when i view the source code for my page, the vaadin ui is apparently deployed, its just hidden for some reason. Is there a way around this?

here is my code

html, body {height:100%;margin:0;}
      <!-- Loads the Vaadin widget set, etc. -->
<script type="text/javascript" src="./VAADIN/vaadinBootstrap.js?v=8.3.2"></script>
    <div class="container-fluid">
        <h4>Site Catalogue Search</h4>
        <div id="sitecataloguesitecatalogue" class="v-app sctheme sitesearchui">
                <div class="v-app-loading"></div>
                    You have to enable javascript in your browser to use an application built with Vaadin.

Have you tried inspecting the HTML in the browser? Is the Vaadin UI really not there? Did you call the vaadin.initApplication JavaScript function?