View control messed up in Declan’s template

For those of you who would like to use Declan Sciolla-Lynch’s XPage framework as a default development template I have a warning when using View controls. It will lack the default presentation layer as you expect it would look like.

Here is how it shall look like:

bug01

I guess you rather would like that it will look something like this:

bugfix

The reason for it is that the oneUI Theme does not extend the oneui theme. So in that theme add the following line:

<theme extends=”oneui”>

What you will notice then is that the application name will break the design:

bug02

Add an extra DIV to the bar section and clear any floating:

bug03

The ‘location’ bar is now back in line with the ‘application’ bar but a whitespace is noticeable.

bug04

In the custom.css you need to overwrite the default styling for h2:

.lotusForm h2 {
margin:0px 15px 0px 0px;
}

There you have it! You have the styling for a View control back.

bugfix2

Ps. I rather advice to take a look at examples provided by IBM (maybe the discussion template for 8.5 give help) or does somebody else have a good clean development template available?

Advertisements

3 thoughts on “View control messed up in Declan’s template

  1. sean cull 2009-August-7 / 1:10 pm

    I looked for a clean view example but couldn’t find one. I ended up using the repeat from Xpages ( prtview ) – note that this needs the custom.css resource
    Sean

  2. Declan Lynch 2009-August-7 / 4:18 pm

    I have a rewritten version of that app that uses all the theme stuff properly, extended the real oneui theme. Once 8.5.1 is out I’ll be releasing it.

    • quintessens 2009-August-7 / 6:07 pm

      hej Declan, could you send it to me?

      We’re participating in the Design Program so we have access to beta versions. internally we’re preparing ourselves for 8.5.1 with a good development template.

      Thanks in advance.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s