You can customize almost all display elements for webcalendar through Cascade Style Sheet. This form provides you a mechanism to define your own CSS classes or modify the defalt style sheets.
Create/Edit CSS classes
You need some knowledge of CSS to manipulate CSS classes.
To create or edit CSS class, click on the Create/Edit default event font styles link.
The CSS editor will popup. The CSS editor consists
of sections as shown in the following diagram.
Each CSS class consists of a class name (the lable field on the CSS editor)
and a set of properties (the properties field on the editor). If you are an
experienced CSS user, you can just enter the CSS properties,
in the correct syntax, in the property field. For example, the following
define a class that display text in red using a large italic arial font, underlined.
font-family:arial; font-size:x-large; font-weight:700; text-decoration:underline; font-style:italic; color:red; |
Make sure you include the trailing ";" for all your CSS statements!
If you're not a CSS guru, a CSS dialogue is also provided for your convenience. To access it, click on the Edit link on the CSS editor. The CSS dialogue looks like the following.
The CSS dialogue only lets you change the few commonly used font properties, like face, weight and decoration. You'll need to learn about CSS to use the more advanced CSS properties.
|
Set Default CSS Styles
Once you have created some CSS classess, you can assign a default style for
each of the appointment, todo, meeting and special event types. Just as
default colors, the default style will be used to fill in the font-style
field on event editors for new events, and the class name is copied
as an event attribute to the event database when new events are entered.
|