Manage Learn to apply best practices and optimize your operations.

Styling Lotus Domino Web fields member Clive Atherton provides some simple HTML and step-by-step instructions on how to style Lotus Domino Web fields –- no previous CSS experience required.

Here is a quick way to style Lotus Domino Web fields in CSS:

  1. Create a form and copy the following HTML code into it:
    <STYLE TYPE="text/css"><!--
    .fieldstyle {font-family: arial; font-size: 40pt; color:#f00}
  2. After copying the code into the form, mark the code as "pass-through HTML."

  3. Now, create a field and enter "fieldstyle" into the Class Tag field -- in the HTML properties of the field.

  4. Run the form through a Web browser.

You might want to play with the style attributes for different output. The color attribute is (hexadecimal) RGB -- try 00f, for instance.

Using this method, you could dynamically change the properties of a field, and/or different sizes/colors for different scenarios, etc.

CSS developers would obviously put the ".fieldstyle" into a style sheet, but this is a quick and easy way for non-CSS developers to start using CSS.

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

This tip was submitted to the tip library by member Clive Atherton. 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 HTML for Lotus Notes Domino

  • Favorite iSeries cheat sheets

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