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 Forum4. Other

UI design shows differently under servlet and portlet mode

Deleted User
5 years ago Apr 26, 2016 2:13pm

I have a problem about the UI.

I deploy the web application as a servlet on local which publish correctly. But when I deploy it to our production server which is in the liferay-6.1.1, some elements are some pixels higher than the design, for example, table header including icon and caption.

Furthermore, I cannot choose the table elements from web browser debut tool(firefox, chrome) at portlet mode, so cannot search for the reason.

Would you please give me some information about the possible reasion for this kind of mismatch and how to search for the reason? Any information would be appreciate, thank you.

Matti Tahvonen
5 years ago Apr 27, 2016 2:00pm

Hi,

This is propably a CSS collision issue. There are dozens of reasons why this could happen. Are you deploying your app as a portlet or embedding it manually? Which theme are you using?

I'd suggest to go with a Valo based theme which probably has less collision issues because of stronger selectors.

cheers,
matti
 

Deleted User
5 years ago Apr 28, 2016 8:36pm

Hi,
Thank you for the reply.

We deply it as a portlet at liferay but the version we use is Vaddin 6, a bit out of date ... and we cannot update to 7 for the moment.

looking forward for your response.

bon weekend

M
 

Matti Tahvonen
5 years ago May 02, 2016 10:45am

Then I see no other way to solve this but to let somebody with decent css skills to look into it and see what is the issue. If you can't share to example here for inspection, and you don't know one yourself, try contacting our sales for some consulting.

cheers,
matti
 

Fabrizio Attanasio
5 years ago Apr 04, 2017 8:20am

Hi, I have a problem with vaadin table headers and liferay.
Container header size is 900000px then shows only the first header column. Table instead show correctly.
Another error is the css style of textfield. It takes liferay css instead valo theme.
I use vaadin 7.6.8 and liferay 6.2 GAE5

Thank you
 

Matti Tahvonen
5 years ago Apr 04, 2017 8:57am

Hi,

Are you using self-contained or portal wide strategy to include Vaadin libraries? It looks to me that you have both "liferay theme" and "valo theme". With Valo theme you shouldn't use the "liferay" theme at all.

cheers,
matti
 

Fabrizio Attanasio
5 years ago Apr 04, 2017 9:02am

Hi,
I am using self-contained strategy. I use valo theme for vaadin application but liferay theme override my textfield and table css of vaadin.

Fabrizio Attanasio
5 years ago Apr 04, 2017 9:36am

I followed this blog : https://web.liferay.com/it/web/matti/blog/-/blogs/adapting-valo-theme-to-fit-the-liferay-6-2-defaults
and I resolved the textfields height bug.
Now remained the problem of the size of the table header