Cascading Style Sheets
EventHandler now includes applied
classes in order to use style sheets for formatting.
To download a style sheet example
that contains all of the classes included in EventHandler,
click here.
You can find an example event using
CSS in our demos.
Classes are defined below:
EH_EventList_Current_All
This class applies to a division
that is applied around the list of Current Events.
Includes the text 'Current'.
Example Usage:
.EH_EventList_Current_All
{
background: #FFFF00;
margin-top: 5;
}
EH_EventList_Current
This class applies to a division
that is applied around the list of Current Events.
Does not include the text 'Current'.
Example Usage:
.EH_EventList_Current
{
background: #FFFFCC;
margin-top: 5;
}
EH_EventList_Coming_All
This class applies to a division
that is applied around the list of Coming Events.
Includes the text 'Coming'.
Example Usage:
.EH_EventList_Coming_All
{
background: #FFFF00;
margin-top: 5;
}
EH_EventList_Coming
This class applies to a division
that is applied around the list of Coming Events.
Does not include the text 'Coming'.
Example Usage:
.EH_EventList_Coming
{
background: #FFFFCC;
margin-top: 5;
}
EH_EventList_Previous_All
This class applies to a division
that is applied around the list of Previous Events.
Includes the text 'Previous'.
Example Usage:
.EH_EventList_Previous_All
{
background: #FFFF00;
margin-top: 5;
}
EH_EventList_Previous
This class applies to a division
that is applied around the list of Previous Events.
Does not include the text 'Previous'.
Example Usage:
.EH_EventList_Previous
{
background: #FFFFCC;
margin-top: 5;
}
EH_Nav_Visitor
This class applies to a division
that is applied around navigation presented to the visitor for
events such as:
[Entry
Form][Results][Recommend to Friend]
Example Usage:
.EH_Nav_Visitor
{
background: #FFFF00;
padding: 5;
border-style: dotted;
border-color: black;
}
EH_Totals
This class applies to a division
that surround the displayed totals.
Example Usage:
.EH_Totals
{
background: navy;
color: white;
padding: 5;
}
EH_Form
This class applies to all forms
(<form> tags).
Example Usage:
.EH_Form
{
background: white;
color: black;
padding: 5;
}
EH_Form_Checkbox
This class applies to all form
checkboxes (<input type="checkbox">).
Example Usage:
.EH_Form_Checkbox
{
background: #FFFFCC;
}
EH_Form_Radio
This class applies to all form
radio buttons (<input type="radio">).
Example Usage:
.EH_Form_Radio
{
background: #FFFFCC;
}
EH_Form_Textbox
This class applies to all form
textboxes (<input type="text">).
Example Usage:
.EH_Form_Textbox
{
background: #FFFFCC;
}
EH_Form_Textarea
This class applies to all form
textareas (<textarea>).
Example Usage:
.EH_Form_Textarea
{
background: #FFFFCC;
}
EH_Form_Select
This class applies to all form
select tags (<select>).
Example Usage:
.EH_Form_Select
{
background: #FFFFCC;
}
EH_Form_Option
This class applies to all form
option tags (<option>).
Example Usage:
.EH_Form_Option
{
background: #FFFFCC;
}
EH_Form_Submit
This class applies to all form
submit buttons (<input type="submit">).
Example Usage:
.EH_Form_Submit
{
background: navy;
color: white;
}
EH_Table
This class applies to all table
tags (<table>).
Example Usage:
.EH_Table
{
background: #FFFFCC;
}
EH_Table_TD_Heading
This class applies to all table
TD tags that are defined as a heading in EventHandler.
Same as 'Table header background color' in the 'Event Settings'.
Example Usage:
.EH_Table_TD_Heading
{
background: #FFFF00;
}
EH_Table_TD_1
This class applies to all table
TD tags that are TD Background Color 1.
Same as 'Table background color 1' in the 'Event Settings'
Example Usage:
.EH_Table_TD_1
{
background: #FFFF00;
}
EH_Table_TD_2
This class applies to all table
TD tags that are TD Background Color 2.
Same as 'Table background color 2' in the 'Event Settings'
Example Usage:
.EH_Table_TD_1
{
background: #FFFF00;
}
|
