Manage Learn to apply best practices and optimize your operations.

How to create non-scrolling Lotus Domino view headers on the Web

Learn how you can use simple style sheet entries to prevent the scrolling of your Domino view headers.

Formatting Lotus Domino views is not as easy as forms and other design elements. I also never liked that I could not get the Lotus Domino view headers to stay put when scrolling. The technique I explain here uses some simple style sheet entries to prevent scrolling of Lotus Domino view headers on the Web.

This would be used in a form or page where an embedded view is used.

  1. The first part below is the named html <Div> tag, in this case 'MyView', inside which you will embed your chosen view.
    <div id="MyView">embedded view here</div>
  2. Next is the style sheet tags that will make the view scrollable, with it's own "window" size. Notice the reference to the named <Div> tag 'MyView' used with the embedded view.
    div#MyView {
    width: 500px;
    height: 300px;
    overflow: auto;
    }

    The width and height settings control the size of the scrollable window, so the page scrolling can be eliminated.

  3. The next style sheet tags work with the Lotus Domino view's <TH> table tags, which are rendered automatically by the Lotus Domino server.
    th {
    position:relative;
    cursor: default;
    top: expression
    (document.getElementById("MyView").scrollTop-2);
    z-index: 20;
    padding-left: 3px;
    padding-right: 3px;
    background-color: blue;
    }

Again, notice the reference to the named <Div> tag 'MyView' in the expression. This only works for Internet Explorer, but likely can easily be made to work with most other browsers.

Do you have comments on this tip? Let us know.

This tip was submitted to the SearchDomino.com tip library by member John O'Connor. Please let others know how useful it is via the rating scale below. Do you have a useful Lotus Notes, Domino, Workplace or WebSphere tip or code snippet to share? Submit it to our monthly tip contest and you could win a prize.

This was last published in August 2006

Dig Deeper on Web Development for Lotus Notes Domino

Start the conversation

Send me notifications when other members comment.

Please create a username to comment.

-ADS BY GOOGLE

SearchWindowsServer

Search400

  • iSeries tutorials

    Search400.com's tutorials provide in-depth information on the iSeries. Our iSeries tutorials address areas you need to know about...

  • V6R1 upgrade planning checklist

    When upgrading to V6R1, make sure your software will be supported, your programs will function and the correct PTFs have been ...

  • Connecting multiple iSeries systems through DDM

    Working with databases over multiple iSeries systems can be simple when remotely connecting logical partitions with distributed ...

SearchDataCenter

SearchExchange

SearchContentManagement

Close