WebContent/statictestfiles/PopupViewInEmbeddedApplication.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=9;chrome=1" />
  
    <title>This is my Embedding Page</title>
  
    <link rel="shortcut icon" type="image/vnd.microsoft.icon" href="/VAADIN/themes/reindeer/favicon.ico" />
    <link rel="icon" type="image/vnd.microsoft.icon" href="/VAADIN/themes/reindeer/favicon.ico" /> 
</head>

<body>  
    <script type="text/javascript" src="/VAADIN/vaadinBootstrap.js"></script>


    <p>This is a static web page that contains an embedded Vaadin
       application. The embedded application div has been taken out of the normal element flow by applying 'float:left' causing the application
       to float to the left.</p>
     
    <div id="helloworld" style="border: 2px solid green; float:left; width:400px; height:400px"></div>
  
    <div style="clear:both"></div>
  
    <hr/>
    
    <script type="text/javascript">//<![CDATA[
        if (!window.vaadin) alert("Failed to load the bootstrap JavaScript: "+ "VAADIN/vaadinBootstrap.js");

       /* The UI Configuration */
        vaadin.initApplication("helloworld", {
            "browserDetailsUrl": "/run/com.vaadin.tests.components.popupview.PopupViewInEmbeddedApplication",
            "serviceUrl": "/run",
            "widgetset": "com.vaadin.DefaultWidgetSet",
            "theme": "reindeer",
            "versionInfo": {"vaadinVersion": "7.0.0"},
            "vaadinDir": "./../VAADIN/",
            "heartbeatInterval": 300,
            "debug": true,
            "standalone": false,
            "authErrMsg": {
                "message": "Take note of any unsaved data, "+
                       "and <u>click here<\/u> to continue.",
                "caption": "Authentication problem"
            },
            "comErrMsg": {
                "message": "Take note of any unsaved data, "+
                       "and <u>click here<\/u> to continue.",
                "caption": "Communication problem"
            },
            "sessExpMsg": {
                "message": "Take note of any unsaved data, "+
                       "and <u>click here<\/u> to continue.",
                "caption": "Session Expired"
            }
        });
    </script>
</body>

</html>