Getting the CSS width property work in the Notes Client

Well, my post below is a little wrong, after more playing, I find that the cells are based on the lenght of the cell. so it you wanted 10%, 10%, 20% and 60%, then putting in values that are that length, it goes that length.

I have figured on using HTML tables in the client rather than Lotus Script tables because of the power of CSS.

What I did was to have a rich text field where I would put my html table, then then have a span tag with a computed field of the rich text field as Pass Thru HTML.

It seemed that CSS in the style sheet was not being applied to my table. So I thought, hey why not put the css right into the Rich text field, and it seemed to do the trick.

Here is part of the code to do the CSS in the rich text field…

Call rtItem.appendText("<style type='text/css'>")

Call rtItem.appendText( "td.history {width='40px'; font-family:sans-serif,Serif; color:black;border:solid 2px black; valign='top';}")

Call rtItem.appendText( "td.historysm {width='40px'; font-family:sans-serif,Serif; color:black;border:solid 2px black; valign='top';}")

Call rtItem.appendText( "td.historywho {width='300px'; font-family:sans-serif,Serif; color:black;border:solid 2px black; valign='top';}")

Call rtItem.appendText( "td.historysm {width='1000px'; font-family:sans-serif,Serif; color:black;border:solid 2px black; valign='top';}")

The when I am writing out the table, I have declared…

Const TDTAG = “”

and while createing the table I’ll have

Call rtItem.appendtext( TDTAG)

This seemed to do the trick of having the columns smaller.

If anybody has had an easier or better way, please post it here, since a lot of playing was done to get this to work.

Cheers,

John