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.

Dig Deeper on Web Development for Lotus Notes Domino

SearchWindowsServer

Search400

  • Favorite iSeries cheat sheets

    Here you'll find a collection of valuable cheat sheets gathered from across the iSeries/Search400.com community. These cheat ...

  • HTML cheat sheet

    This is a really cool cheat sheet if you're looking to learn more about HTML. You'll find just about everything you every wanted ...

  • Carol Woodbury: Security

    Carol Woodbury

SearchDataCenter

SearchContentManagement

Close