|
|
| Line 77: |
Line 77: |
| * The current week | | * The current week |
|
| |
|
| '''Navigation'''
| | == Navigation == |
| * A single click on the Previous button navigates to the previous day. | | * A single click on the Previous button navigates to the previous day. |
| * A single click on the Today button navigates back to the current day. | | * A single click on the Today button navigates back to the current day. |
| Line 85: |
Line 85: |
| [[image:Mini-day---mini-month-drop-down1.png]] | | [[image:Mini-day---mini-month-drop-down1.png]] |
|
| |
|
| Depending to the day selected in the Mini Day, the Event List displays the according events. The table below shows an example: | | Depending on the day selected in the Mini Day, the Event List displays the according events. |
| | The table below shows an example: |
|
| |
|
| <table border="1" cellpadding="2" cellspacing="0"
| | +----------------------------+ |
| width="100%">
| | 18 Wednesday < O > | 19 Thursday < O > | 20 Friday < O > |
| <tr>
| | July 2007, CW 29 | July 2007, CW 29 | July 2007, CW 29 |
| <td align="center" bgcolor="#999999"
| | ---------------------+----------------------------+--------------------- |
| valign="undefined"><font color="#ffffff"><b><
| | Event 1 | [-] Today | Event 1 |
| (July 18, 2007)</b></font></td>
| | | Event 1 | Event 2 |
| <td align="center" bgcolor="#999999"
| | | Event 2 | Event 3 |
| valign="undefined"><font color="#ffffff"><b>Today | | | [+] Tomorrow (July 20) | |
| (July 19,2007)</b></font></td>
| | | [+] Next Week | |
| <td align="center" bgcolor="#999999"
| | | [+] Next Two Weeks | |
| valign="undefined"><font color="#ffffff"><b>> | |
| (July 20, 2007) </b></font></td>
| |
| </tr>
| |
| <tr align="center">
| |
| <td colspan="3" rowspan="1" bgcolor="#ffffff"
| |
| valign="undefined"><font color="#000000"><b>Event | |
| List</b></font></td>
| |
| </tr>
| |
| <tr>
| |
| <td align="center" bgcolor="#999999"
| |
| valign="undefined"><font color="#ffffff"><b>July
| |
| 18, 2007</b></font></td>
| |
| <td align="center" bgcolor="#999999"
| |
| valign="undefined"><font color="#ffffff"><b>Today</b></font></td>
| |
| <td align="center" bgcolor="#999999"
| |
| valign="undefined"><font color="#ffffff"><b>July
| |
| 20, 2007</b></font></td>
| |
| </tr>
| |
| <tr>
| |
| <td align="center" bgcolor="#99ffff"
| |
| valign="undefined">Event</td> | |
| <td align="center" bgcolor="#ffff99"
| |
| valign="undefined">Event 1</td>
| |
| <td align="center" bgcolor="#ccccff"
| |
| valign="undefined">Event 3 *)</td> | |
| </tr>
| |
| <tr>
| |
| <td colspan="1" rowspan="2" align="center"
| |
| valign="undefined"></td>
| |
| <td align="center" bgcolor="#99ff99"
| |
| valign="undefined">Event 2</td>
| |
| <td align="center" bgcolor="#ffcc99"
| |
| valign="undefined">Event A</td>
| |
| </tr>
| |
| <tr>
| |
| <td align="center" bgcolor="#ccccff"
| |
| valign="undefined">Event 3 *)</td>
| |
| <td align="center" bgcolor="#ffffcc"
| |
| valign="undefined">Event B</td>
| |
| </tr>
| |
| <tr>
| |
| <td align="center" bgcolor="#999999"
| |
| valign="undefined"><font color="#ffffff"><b>July
| |
| 19,2007</b></font></td>
| |
| <td align="center" bgcolor="#999999"
| |
| valign="undefined"><font color="#ffffff"><b>Tomorrow</b></font></td>
| |
| <td align="center" bgcolor="#999999"
| |
| valign="undefined"><font color="#ffffff"><b>July
| |
| 21,2007</b></font></td>
| |
| </tr> | |
| <tr>
| |
| <td align="center" bgcolor="#ffff99"
| |
| valign="undefined">Event 1</td>
| |
| <td align="center" bgcolor="#ffcc99"
| |
| valign="undefined">Event A</td> | |
| <td align="center" bgcolor="#ffccff"
| |
| valign="undefined">Event X **)</td>
| |
| </tr> | |
| <tr>
| |
| <td align="center" bgcolor="#99ff99"
| |
| valign="undefined">Event 2</td>
| |
| <td align="center" bgcolor="#ffffcc"
| |
| valign="undefined">Event B</td> | |
| <td colspan="1" rowspan="2" align="center"
| |
| valign="undefined"></td>
| |
| </tr>
| |
| <tr>
| |
| <td align="center" bgcolor="#ccccff"
| |
| valign="undefined">Event 3 *)</td>
| |
| <td align="center" valign="undefined"></td>
| |
| </tr>
| |
| <tr>
| |
| <td align="center" bgcolor="#999999"
| |
| valign="undefined"><font color="#ffffff"><b>Soon</b></font></td>
| |
| <td align="center" bgcolor="#999999"
| |
| valign="undefined"><font color="#ffffff"><b>Soon</b></font></td>
| |
| <td align="center" bgcolor="#999999"
| |
| valign="undefined"><font color="#ffffff"><b>Soon</b></font></td>
| |
| </tr>
| |
| <tr>
| |
| <td align="center" bgcolor="#ffccff"
| |
| valign="undefined">Event X **)</td>
| |
| <td align="center" bgcolor="#ffccff"
| |
| valign="undefined">Event X **)</td>
| |
| <td align="center" bgcolor="#ffcccc"
| |
| valign="undefined">Event Y ***)</td>
| |
| </tr> | |
| <tr>
| |
| <td align="center" bgcolor="#ffcccc"
| |
| valign="undefined">Event Y ***)</td>
| |
| <td align="center" bgcolor="#ffcccc"
| |
| valign="undefined">Event Y ***)</td>
| |
| <td align="center" valign="undefined"></td>
| |
| </tr>
| |
| </table>
| |
| <nowiki>*) = 2Day Event</nowiki><br>
| |
| <nowiki>**) = Startdate: July 21, 2007</nowiki><br>
| |
| <nowiki>***) = Startdate: July 24, 2007</nowiki>
| |
|
| |
|
| == Event List Box == | | == Event List Box == |