Embedded Vaadin UI in HTML Page is hidden.

Vaadin 6 / 7 / 8
1

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>
                <noscript>
                    You have to enable javascript in your browser to use an application built with Vaadin.
                </noscript>
                </div>  
       </div>
2

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