Directory

← Back

Splash Screen

Shows a configurable splash screen on the bootstrap page

Author

Contributors

Rating

This add-on makes it easy to show a splash screen while the browser is downloading the application's theme and widgetset and while the initial UI contents are initialized.

Sample code

@SplashScreen(value = "splash.html", width = 500, height = 300)
public class BasicDemo extends UI {

    @WebServlet(value = "/*", asyncSupported = true)
    @VaadinServletConfiguration(productionMode = false, ui = BasicDemo.class)
    public static class Servlet extends VaadinServlet {
        @Override
        public void init(ServletConfig servletConfig) throws ServletException {
            super.init(servletConfig);

            // Hook up with the framework's host page generation
            SplashScreenHandler.init(getService());
        }
    }

    @Override
    protected void init(VaadinRequest request) {
        setContent(new SplashScreenDemoLayout());
    }
}
<style type="text/css">
#splash>div {
	background-color: #d9dce4;
	height: 100%;
	box-shadow: 10px 10px 20px rgba(0,0,0,0.75);
	border-radius: 10px;	
}

#splash h1 {
	text-align: center;
	margin: 0;
	padding-top: 30px;
	font-family: Helvetica;
	font-weight: 200; 
}
</style>
<div>
	<h1>This is my splash screen!</h1>
</div>

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

Mark @SplashScreenConfigurator as @Inherited

Released
2017-06-20
Maturity
BETA
License
Apache License 2.0

Compatibility

Framework
Vaadin 8.0+
Vaadin 7.7+ in 0.1.2
Browser
Browser Independent
Online