Usability - Productivity - Business - The web - Singapore & Twins

IBM OneUI v2

In Domino 8.5.1 the IBM OneUI v2.01 files were sneaked in. In Domino 8.5.2 they will be official. (I've written about IBM OneUI before). So it is time to look at the official 2.0 documentation (or the 2.1 version) and make yourself familiar with the concepts. To use the OneUI ou just manually type oneuiv2 as your theme and your application will pick it up. Make sure that you type that all small, so it works on all servers. On my last count the styles contained 287 unique .lotusXXX class names and 102 .xspXXX class names in various combinations of HTML elements and nesting orders. So somebody spend a substantial amount of time to get all the various cases covered. I probably will blog about the structure a little more in future. To make use of these classes more convenient I updated my dummy stylesheet and provide 2 stylesheets, one for .lotusXXX and one for .xspXXX to include in our projects. There are no CSS definitions inside, so you won't have unwanted side effects.

Posted by on 26 May 2010 | Comments (5) | categories: Show-N-Tell Thursday XPages


  1. posted by Patrick Kwinten on Wednesday 26 May 2010 AD:
    I assume IBM as always provide us with a lot of documentation, instructions on the style classes used?

    The provided stylesheets are a good help indeed, but they tell you very little about the parameters for the classes.

    I wish IBM would also remove the 'lotus' label in the class names:

    - it takes just space
    - it has very little extra value
    - it distantiates lotus solutions from solutions from other vendors.

    should there a difference between .lotusLeftCol and .LeftCol

    plain stupid if I would say.

  2. posted by sean cull on Wednesday 26 May 2010 AD:
    If you are using IE6 then see this note on Xpages

    { Link }
  3. posted by Declan Lynch on Wednesday 26 May 2010 AD:
    Sean, the JS script that you have referenced in your link should automatically be included if your using the oneuiv2 theme, it's defined as a resource in the theme file.

    One thing that I have noticed about the oneuiv2 theme is that there are places where -moz-border-radius is used but they haven't included the webkit variant or even the plain version. You'll get nice fancy rounded corners in Firefox and in the Notes Client but not in Safari, Opera or even IE9 when it comes out.

    I hope this gets fixed in the next oneuiv2 release.
  4. posted by Alan Hurt on Wednesday 26 May 2010 AD:
    I've been playing around with the OneUI outside of Xpages for a while now (just to get a quick feel for what it was all about - you can just point to the css on the server just like any other resource). The documentation site actually does a pretty decent job of explaining what classes are used to create the various elements, etc as well as explaining the general design principles they are aiming for. One nice thing they have done is the use of ARIA tags for screen readers.
  5. posted by Stijn Soens on Tuesday 06 July 2010 AD:
    Do you happen to know if OneUI can be used in commercial apps? I can't find any license info on this but it's a framework so I presume you can?