These examples show how to modify views:
The file name including path that pertains to tasks search view is <calclient-dir> /tasksSearch.jsp
The common components present in tasksSearch.jsp are: Banner, Application Bar, and Calendar Tool Bar
In the tasksSearch.jsp you can customize:
The overall layout and look and feel
Icons or images such as select_all.gif, unselect_all.gif, sort_up.gif, sort_down.gif, sort_selected_up.gif, sort_selected_down.gif
Task related informative icons or images such as recurring.gif, reminding.gif, public task.gifs
The order of the table column
The edit task and view task popup window sizes and styles
The file pertaining to customizing the column order in tasks is <calclient-dir> /tasksPrint.jsp
The common components present are Banner and Application bar.
You can customize the table column ordering.
The tasksPrint.jsp is located at <calclient-dir> /tasksPrint.jsp
Example 3–3 shows the code used to customize Tasks print view in a table with the columns in the order - `Priority', `Title', `Due Date', `Status', `Type'
Code to display the header of the table containing the tasks created by a user.
The header row for the table.
<tr>
Code for the displaying the Priority header starts here.
<th class="TblThCl1" scope="col" nowrap> <strong> <%= getLocalizedLabel(session, "uwc-calclient-tasks-Priority", "Priority") %> </strong> </th>
Code for displaying the Title header starts here.
<th width="35%" scope="col" nowrap> <strong> <%= getLocalizedLabel(session, "uwc-calclient-tasks-Title", "Title") %> </strong> </th>
Code for displaying the Due Date header starts here.
<th scope="col" nowrap> <strong> <%= getLocalizedLabel(session, "uwc-calclient-tasks-DueDate", "Due Date") %> </strong> </th>
Code for displaying the Status header starts here.
<th scope="col" nowrap> <strong> <%= getLocalizedLabel(session, "uwc-calclient-tasks-Status", "Status") %> </strong> </th>
Code for displaying the Type header starts here.
<th scope="col" nowrap> <strong> <%= getLocalizedLabel(session, "uwc-calclient-tasks-Type", "Type") %> </strong> </th>
Code to close the table row for the header columns.
</tr>
To change the order in which the columns appear, rearrange the above code for each column in the order of your choice.
Code to check if there are any tasks created by the user. If there are no tasks to display, the following message is displayed.
"This view does not have any tasks to display. Choose another filter or search for tasks”.
<jato:content name="ZeroTasks"> <tr> <td class="TblTdCl1Lst" colspan="6"> <%= getLocalizedLabel(session, "uwc-calclient-tasks-NoTasksToDisplay-message", "This view does not have any tasks to display. Choose another filter or search for tasks.") %> </td> </tr> </jato:content>
These code instructions are executed if there are one or more tasks. The display of the tasks is rendered by the jato:tiledView tag. This tag takes care of iterating through the users tasks and displaying them.
<jato:content name="NonZeroTasks"> <jato:tiledView name="TasksTiledView" type="com.sun.uwc.calclient.TasksTileView"> <jato:hidden name="TaskCalID"/> <jato:hidden name="TaskUID"/> <jato:hidden name="TaskRID"/> <tr>
Code to display the Priority of the task.
<td <jato:content name="FirstColumnStyle"/> align="center"> <jato:text name="Priority" escape="false"/> </td>
Code to display the Title of the task. Along with the title, this code also displays other properties of the task such as
If the task has a notification
If the task is recurring
If the task is a public event
Alarms associated with a Task if any
Is this a public task.
<jato:content name="IsConfidential"> <td <jato:content name="TitleColumnStyle"/>> <%= getLocalizedLabel(session, "i18nModel", "uwc-calclient-view-Busy", "Busy") %></td> </jato:content> <jato:content name="IsNotConfidential"> <td <jato:content name="NormalColumnStyle"/>> <strong> <jato:text name="Title"/> </strong><br> <jato:content name="HasAlarm"> <img src="<%= getLocalizedLabel(session, "skinModel", "uwc-calclient-NotifyImage", "../uwc/images/LrlNotify_1.gif") %>" width="12" height="12" border="0" hspace="2" align="absmiddle" alt="<%= getLocalizedLabel(session, "uwc-calclient-tasks-Notify", "Notify") %>" title="<%= getLocalizedLabel(session, "uwc-calclient-tasks-Notify","Notify") %>"> </jato:content> <jato:content name="IsRecurring"> <img src="<%= getLocalizedLabel(session, "skinModel", "uwc-calclient-RecurringImage", "../uwc/images/LrlRecur_1.gif") %>" width="12" height="12" border="0" align="absmiddle" hspace="2" title="<%= getLocalizedLabel(session, "uwc-calclient-tasks-Recurring","Recurring")%>" alt="<%= getLocalizedLabel(session, "uwc-calclient-tasks-Recurring", "Recurring") %>"> </jato:content> <jato:content name="IsPublic"> <img src="<%= getLocalizedLabel(session, "skinModel", "uwc-calclient-PublicImage", "../uwc/images/LrlPrvPub_1.gif") %>" width="12" height="12" border="0" hspace="2" title="<%= getLocalizedLabel(session, "uwc-calclient-tasks-Public","Public") %>" alt="<%= getLocalizedLabel(session, "uwc-calclient-tasks-Public","Public") %>"> </jato:content> <jato:content name="IsExternal"><br> [<jato:text name="OwnerName"/> (<jato:text name="CalendarName"/>)] </jato:content> </td>
Code to display the Due Date.
</jato:content> <td <jato:content name="NormalColumnStyle"/>> <jato:text name="DueDate"/> <jato:text name="DueTime"/> </td>
Code to display the Status of the task.
<td <jato:content name="NormalColumnStyle"/>><jato:text name="PercentStatusAsText" escape="false"/></td> <td <jato:content name="NormalColumnStyle"/>><jato:text name="Category" escape="false"/></td>
The tiledView tag marks the end of the display.
</tr> </jato:tiledView> </jato:content>
In order to change the order in which the Tasks appear in the task printable view, you need to move the sections specific to each of the components in the order you want them to appear.
To modify the tasks error view, you need to edit the file <calclient-dir> /tasksError.jsp.
To modify the events view, edit the following JSP file.
<calclient-dir> /EventsManager.jsp
To modify the search events view, edit the following JSP file.
<calclient-dir> /eventsSearch.jsp
To modify the anonymous events view, edit the following JSP file.
<calclient-dir> /EventsManagerAnon.jsp
To modify the anonymous search events view, edit the following JSP file.
<calclient-dir> /eventsSearchAnon.jsp
To modify the anonymous Error view, edit the following JSP file.
<calclient-dir> /eventsanonError.jsp
To modify the printable images view, edit the following property in the themes.properies file under the skin directory. You can change the image and then replace the changed image in the root folder.
uwc-common-PrintableImage=../uwc/images/LrlPrintable_1_wo.gif.
To modify the tasks view, you need to modify the file <calclient-dir> /tasks.jsp In a task view, you can modify:
Layout
Order in which the various sections appear
Alignment of the items and images