Improved formatting for view headings on the Web

The style control provided by Domino for view headings is limited. Here's a tip that will allow you to customize the look of all your view headings using CSS.

This Content Component encountered an error

The style control provided by Domino for view headings is limited. Here's a tip that will allow you to customize the look of all your view headings using CSS.




  1. Update the style of your view column headings to:
    Default Sans Serif, Plain, 10 point, Black. (Bold can stay on columns as needed.)

  2. Include this code as pass-thru HTML on your view template or on the page you expect the view to appear. This code will render/control the style of any TH (table header) HTML tag on the page.

    <style>
    th {
     COLOR: #658FBF;
     background-color: #e2e2e2;
     FONT-FAMILY: Arial, Helvetica, sans-serif; 
     FONT-SIZE: 12px; 
     FONT-WEIGHT: bold; 
     vertical-align: bottom;
     text-align: left;
    }
    </style>
    

  3. Adjust the CSS properties as needed to obtain the best colors for your site. (If you don't want the headings bold, remove the font-weight attribute from the style. This makes it easier for you to not have to bold the column headings on every view.)
FYI: This tip works best in conjunction with my Fit views to window or table widths tip, so the background color of the table header is a consistent length on all view pages.


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

This was first published in August 2003
This Content Component encountered an error

0 comments

Oldest 

Forgot Password?

No problem! Submit your e-mail address below. We'll send you an email containing your password.

Your password has been sent to:

-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 ...

SearchEnterpriseLinux

SearchDataCenter

SearchExchange

SearchContentManagement

Close