Home/ Questions/Q 8941973
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-15T11:25:23+00:00

I’m trying to embed vaadin appliaction into div element. I follow this guide (12.3.1):

  • 0

I’m trying to embed vaadin appliaction into div element.
I follow this guide (12.3.1):

https://vaadin.com/book/-/page/application.embedding.html

I used SimpleAddressBook example from tutorial for my experiments:

https://vaadin.com/tutorial

My jsp:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>HC</title>

    <script type="text/javascript">
        var vaadin = {
            vaadinConfigurations: {
                trololo: {
                    appUri:'/trololo',
                    pathInfo: '/',
                    themeUri: '/VAADIN/themes/reindeer',
                    versionInfo : {
                        vaadinVersion: "6.8.6",
                        applicationVersion: "NONVERSIONED"
                    }
                }
            }};
    </script>

    <script language="javascript" src="/VAADIN/widgetsets/com.vaadin.terminal.gwt.DefaultWidgetSet/com.vaadin.terminal.gwt.DefaultWidgetSet.nocache.js?1354630345025"></script>
</head>
<body>
<iframe tabindex="-1" id="__gwt_historyFrame" style="position:absolute;width:0;height:0;border:0;overflow:hidden;" src="javascript:false"></iframe>

<div style="background-color: red; height: 150px"></div>

<div id="trololo"></div>
</body>
</html>

My web.xml:

<web-app xmlns="http://java.sun.com/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
          http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"
         version="2.5">
    <servlet>
        <servlet-name>SimpleAddressBook</servlet-name>
        <servlet-class>com.vaadin.terminal.gwt.server.ApplicationServlet</servlet-class>
        <init-param>
            <param-name>application</param-name>
            <param-value>novikov.vaadin.SimpleAddressBook</param-value>
        </init-param>
    </servlet>

    <servlet-mapping>
        <servlet-name>SimpleAddressBook</servlet-name>
        <url-pattern>/trololo/*</url-pattern>
    </servlet-mapping>

    <servlet-mapping>
        <servlet-name>SimpleAddressBook</servlet-name>
        <url-pattern>/VAADIN/*</url-pattern>
    </servlet-mapping>
</web-app>

When I load my application in browser, there is no request for vaadin styles, so nothing works on the webpage.

I tried setting themeUri to /VAADIN/themes/reindeer; /VAADIN/themes; tried to left it blank. I just cat get it working. Help =)

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Sorry, my bad. Forgot to add

    <link rel="stylesheet" href="/VAADIN/themes/reindeer/styles.css">

    Thought that this is set by themeUri parameter.

    • 0