APPLICATION DESIGN

Creating style sheets as shared resources
Cascading style sheets (CSS) give you the ability to control many aspects of your page layout, including headers, links, text, fonts, styles, color, and margins. You can browse your local file system for a CSS, turn it into a shared resource, and then insert it into a page, form, or subform.

To create a new style sheet resource

1. Expand "Shared Resources" in the Design pane.

2. Select "Style Sheets" from the list of resources.

3. Click "New Style Sheet Resource." The Browse dialog box opens. Only files with a CSS extension appear.

4. Find and select the cascading style sheet you want to use.

5. Click Open to add the style sheet to the list of style sheet resources. The Style Sheet Resource Properties box opens, so you can change the name or other properties of the style sheet.

To insert a style sheet resource into a page, form, or subform

1. Open a page, form, or subform.

2. Place the cursor where you want to add the style sheet. To insert the style sheet in the HTML Header, open the Programmer's pane, select the HTML Head Content event, and click in the script area.

3. Choose Create - Insert Resource. The Insert Resource dialog box appears.

4. Select the database containing the style sheet. The default is the current database.

5. Select "Style Sheets" as the resource type.

6. In the Available resources section, highlight the style sheet resource to add.

7. Click OK.

8. (Optional) To view the name of the inserted style sheet resource or to change to another style sheet resource, choose Style Sheet - Style Sheet Properties. The Style Sheet Properties box appears with the name of the style sheet resource. To select a different style sheet resource, click the Locate Object folder.

To edit a style sheet resource

1. Expand "Shared Resources" in the Design pane.

2. Select "Style Sheets" from the list of resources.

3. Select a style sheet resource.

4. Do one of the following:

To refresh a style sheet resource

To update a file you have copied as a shared resource, you can refresh the style sheet resource.

1. Expand "Shared Resources" in the Design pane.

2. Select "Style Sheets" from the list of resources.

3. Select a style sheet resource.

4. Click Refresh. The Open dialog box appears.

5. Select the CSS file to refresh your style sheet resource and click Open. The style sheet resource is updated.

Table of supported CSS properties

The following table shows the Cascading Style Sheet properties that IBM® Lotus® Domino(TM) Designer supports. The HTML tags automatically map to IBM® Lotus® Notes®. For example, this tag automatically maps to Notes:


Use this key to read the table:
Note the following: See Also