Hi everyone!
I’m playing around with Vaadin 7 inside WebSphere Portal and with a couple of tweaks I made it running. The default sample with “Click Me” button worked like a charm!
But once I tried something more complicated, like “addressbook” app from tutorial, I’ve got my first real problem: the UI refused to show up, howeverI could see it in the source of the page. After spending some time debugging HTML/CSS I found a workaround and redefined
height
and
position
attrubutes inside
.v-table-body
and .
v-splitpanel-vertical, .v-splitpanel-horizontal
classes. Here is what I mean:
[code]
@mixin addressbook {
@include valo;
// Insert your own theme rules here
.v-table-body {
height: 60vh !important;
}
}
.v-splitpanel-vertical, .v-splitpanel-horizontal {
position: relative !important;
}
[/code]After that the list of contacts showed up and all the buttons and features functioning properly. The only problem is that in this case my contact list is not occupying the whole available space on the page, but limits by 60vh as I told it to.
So I assume there is a client-side JavaScript, that Vaadin uses to do that, but for some reason it doesn’t work properly with the standard Portal theme with no errors in the console.
Any ideas how I can enable some kind of debugging in the JavaSript code to find clues what could be an issue?