The Event List widget pulls a list of events for a calendar, subject, or location. The lists can be customized in a number of ways including the number of events showed and the fields displayed.
Each event in the event list widget is a separate table, rather than one table with a row for each event.
Simple list style
In the simple event list, the only content shown is the event title and event time. The title and time labels are not included.
No other content is included in the simple event list.
Detailed event list
In the detailed event list, all event fields may be shown. You can control which fields display through both the widget and through html code.
Detailed event list style
| Hide Element Code | Result |
| tr.s-lc-ea-tdat td { display: none; } |
Hides Date label and content |
| tr.s-lc-ea-ttim td { display: none; } |
Hides Time label and content |
| tr.s-lc-ea-tloc td { display: none; } |
Hides Location label and content Note: location only appears if there is content in that field. Otherwise it is hidden. |
| tr.tcam td { display: none; } |
Hides City/State label and content |
| tr.s-lc-ea-tcat td { display: none; } |
Hides Category label and content |
| tr.s-lc-ea-tdes td { display: none; } |
Hides Description label and content |
| tr.s-lc-ea-tpre td { display: none; } |
Hides Presenter label and content |
Event list padding
By default there is no padding in the event list. Add padding to the elements where you'd like white space.
To add padding between each event in a list, you need to add the padding to the last displayed element.
For example:
In this event list, the Time element is the last one displayed in the list. The padding here is created by adding padding to the Time element.
Here is the code used in the example:
tr.s-lc-ea-ttim td {
padding-bottom: 10px;
}