XPages OneUI CSS IE

HCL Domino Domino Forum
1

This is a CSS problem with IE and the OneUI theme. It does not happen in Firefox, hoever IE is the corporate standard in the SOE. I am using the One UI theme in a customised NAB and it looks great. I am following the custom control layouts as per Declan’s tutorial and the IBM tutorial, and using the #lotusMain CSS for the xc:layout_Content custom control.

The NAB has about 8000 thousand documents so I have set the viewPanel for views to display 500 rows rather than the usual 30 (and this modification is why the problem exhibits itself).

Below a certain screen resolution the view will drop below the navigation sidebar, leaving a blank whitespace where a user would expect the view rows to be. Scrolling down of course the user once again sees the view; but not a pretty look.

There is a great deal of CSS in the OneUI theme and indeed specific to browser brand however this one has dropped through the cracks for IE.

Not being a CSS guru any advice on how to fix it with CSS in the context of the ONeUI theme would be welcome.

2

Subject: You’ll need a hack for IE…

and have a look at how this is done in the Discussion 85 template

3

Subject: table hack

Thanks Paul. I found a solution by using ‘clear: right’ on that particular class however it broke the presentation in Firefox then. Doh.

So I ended up putting the custom controls in a single row, 2 cell table. Works in both now.