Spreadsheet not showing in browser as official example from webinar shows i

Flow
1

I created the app exactly as the example in the webinar but it’s not displaying like the webinar shows it.

@SuppressWarnings(“serial”)
@Theme(“vaadin7testapp”)
public class Vaadin7testappUI extends UI {

@WebServlet(value = "/*", asyncSupported = true)
@VaadinServletConfiguration(productionMode = false, ui = Vaadin7testappUI.class, widgetset = "com.srgsaas.vaadin7testapp.widgetset.Vaadin7testappWidgetset")
public static class Servlet extends VaadinServlet {
}

@Override
protected void init(VaadinRequest request) {
    final VerticalLayout layout = new VerticalLayout();
    layout.setMargin(true);
    layout.setSizeFull();
    setContent(layout);
    
    final Spreadsheet sheet = new Spreadsheet();
    layout.addComponent(sheet);
}

}

I attached two screenshots.

What am I doing wrong? This is in Chrome and tried Firefox with same result.

20828.png
20829.png

2

Hi Clayton,

That code looks ok. I think the issue you’re having is that your theme wasn’t updated.

If you’re using maven you can run vaadin:update-theme goal:

mvn vaadin:update-theme Hope it helps

3

If you are using Eclipse with the Vaadin plugin, there’s a bug that sometimes messes up automatic addon theme scanning, which leaves your automatically generated addons.scss without spreadsheet.scss import and include. The workaround for that is to go to project preferences, to the Vaadin page, and check the ‘Suspend automatic addon theme scanning’, click ‘Apply’, uncheck again, and click ‘Ok’. That should get the the addons.scss to update properly.

4

Thanks Anna, that was the issue and what you suggested worked! Thanks again!

5

Thanks Anna!!! :slight_smile: