Get started
Loading...
Important Notice - Forums is archived

To simplify things and help our users to be more productive, we have archived the current forum and focus our efforts on helping developers on Stack Overflow. You can post new questions on Stack Overflow or join our Discord channel.

Product icon
TUTORIAL

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.

Where to include a web components css file when integrating a third party w by Martin Vyšný, 1 week ago
Recent Posts
Vaadin Forum3. Vaadin 6, 7, 8Framework UI

When is Vaadin going to remove inline styling?

Imran Ahmed
6 years ago Nov 30, 2015 6:12am

Vaadin adds inline styling which 1. makes it damn hard to customize the UI and 2. wastes lots of time adding hacks to code and CSS.

Case in point:
<div class="v-Notification error v-Notification-error" role="alert" style="left: 564px; top: 904px; overflow: visible; margin-top: 0px; margin-left: 0px; visibility: visible; position: absolute; z-index: 20000;"><div class="popupContent"><div class="gwt-HTML"><span class="v-assistive-device-only">Error: </span><h1 class="v-Notification-caption">Invalid email</h1><span class="v-assistive-device-only"> - close with ESC-key</span></div></div></div>

For some reason Vaadin has decided to show the notification alert at left:564px and top:904px; which is out of view area. Now to go hack the CSS with !important positions....Grrrrrr.....

So can the Vaadin team please not add any inline styling for location and size of UI elements or at least provide an easy way to turn it off?