I have a simple view setup with the calendar option selected that will be used by end-users on the web. I have added a css file to the style sheets section in designer, and the view uses a $$ViewTemplateDefault form. In the style sheet, the below code is used:
body
{
font-family: Tahoma,Arial;
}
table
{
height: 100px;
border: 1px solid black;
}
td
{
vertical-align: top;
border: none;
}
If you try this out, you will see that documents/entries will appear on a seperate line/row instead of the actual date box it should be in. How do I prevent this from happening. PLEASE HELP!!
Thanks in advance.
Mark
Subject: PLS HLP!! CSS people, you up for a challenge??
I think the issue is that the calendar view is really a series of nested tables - each day and day’s entries are separate tables. Check out the html source to see this. The border that is applied via css is applied to the individual tables, making any entries appear to be in separate rows (this is really happening anyhow, it’s just not obvious without the additional border).
You could try either removing this declaration, or if you’re trying to get a border around the calendar view you could embed the view inside a table with a class name and apply a border to that table only. For example, embed the view in a table with class name ‘border’, and your css would be:
table {height: 100px;} /* applies to all tables */
table.border {border: 1px solid black;} /* applies to only the outside table */
Hope that helps.
Vin Manduca
Ibm
Subject: RE: PLS HLP!! CSS people, you up for a challenge??
Does anybody know of a way you can change the default HTML Domino uses to render the calendar?
I think this relates to the original poster’s problem. If classes could be applied to the table the is used for the whole calendar (say… table.calendar) and different class applied to the nested table used for the days (say… table.day) you could use CSS to do any amount of formatting for both items. Any ideas?