Hi guys,
I have a ugly effect During the startup of my app the old reindeer theme is still present but the html-code is already (partical?) loaded.
And this combination shows the user for a couple of seconds (<2) a broken ui because the real theme is not active.
I have a workaround but this works not in IE
session.addBootstrapListener(new BootstrapListener() {
@Override
public void modifyBootstrapFragment(final BootstrapFragmentResponse response) {
// nop
}
@Override
public void modifyBootstrapPage(final BootstrapPageResponse response) {
// this code is a kind of workaround to "hide" most of the application html code until our real theme (valo based) is enabled
// vaadin is using (hardcoded) reindeer during bootstrap-phase and reindeer together with our new ui's are causing this ugly
// effect during startup where the html-code is ready but not all styling is there
response.getDocument().head()
.append("<style type=\"text/css\">.v-app.reindeer .v-ui > .jom-dt-main{display:none;visibility:hidden;}</style>");
}
});
Is there any other way to handle that?
Or is maybe something wrong with my theme css?
Please give me some hints
Kind regards
Andreas