The Application Bar

You can modify the application bar by editing the CalApplBarNormal.jsp file located at <calclient-dir> /CalApplBarNormal.jsp

By default, the order in which the application tab appears, provided all services are enabled, is `Mail’,’Calendar', `Address Book' and `Options'. This order can be changed to suit your requirements.

Figure 2–10 Default application tab order

Example 2–1 shows the default code that displays the default application tab order.

Example 2–1 Code for Customizing the Application Tab Order

<td class="Tab1Gutter"> 
		<table border="0" cellspacing="0" cellpadding="0" class="Tab1Tbl">
		<tr>
			<td colspan="12"> 
				<img	src="../uwc/images/spacer.gif" 
						width="1" 
						height="6" alt="">
			</td>
		</tr> 
		<tr>
			<jato:content name="MailTab">
			<td	class="Tab1Gutter" colspan="3">
				<img	src="../uwc/images/spacer.gif" 
					 	width="1" 
						height="3" 
						alt="">
			</td>
			</jato:content>
			<td	rowspan="3" 
				 class="Tab1Sel">
				<div class="Tab1Sel">
					<span	class="Tab1LblSel"
							title="<%= getLocalizedLabel(session,
												"uwc-calclient-toolbar-tooltip-Calendar",
												"Calendar")
										 %>">
										<%= getLocalizedLabel(session,
											"uwc-calclient-toolbar-Calendar",
											"Calendar")
							%>
					</span>
				</div>
			</td>
			<td rowspan="3"
				 class="Tab1Sel">
				 <img src="../uwc/images/spacer.gif" 
						width="10"
						height="3"
						alt="">
			</td>
			<td	class="Tab1Gutter"
				  colspan="7">
				  <img src="../uwc/images/spacer.gif"
						width="1"
						height="3" 
						alt="">
			</td> 
			</tr>
				<tr>
					<jato:content name="MailTab">
					<td class="Tab1NotSel">
						<div class="Tab1NotSel"> 
							<a href="<%= getContextURI(request) %>/mailclient/Mail"
								title="<%= getLocalizedLabel(session,
													"uwc-calclient-toolbar-tooltip-Mail",
													"Mail")
											%>"
								class="Tab1LblNormal" 
								onmouseover="status='Mail';
								return true;
								"onmouseout="status=';'"> 
								<%= getLocalizedLabel(session,
												"uwc-calclient-toolbar-Mail",
												"Mail")
								%>
							</a>
						</div> 
					</td>
						<td class="Tab1NotSel">
								<img src="../uwc/images/spacer.gif"
										 width="10"
										 height="1"
										 alt="">
						</td>
						<td class="Tab1Gutter">
								<img src="../uwc/images/spacer.gif"
										 width="3"
										 height="1"
										 alt="">
						</td> 
							</jato:content>
								<td class="Tab1Gutter"> 
									<img src="../uwc/images/spacer.gif"
											 width="3"
											 height="1"
											 alt=""></td>
						<td class="Tab1NotSel" nowrap>
							<div class="Tab1NotSel">
									<a href="<%= getContextURI(request)%> /abclient/AddressBook"
										title="<%= getLocalizedLabel(session,
															"uwc-calclient-toolbar-tooltip-AddressBook",
															"Address Book")
													%>"
										class="Tab1LblNormal"
										onmouseover="status='Address Book';
										return true;"
										onmouseout="status=';'">
										<%= getLocalizedLabel(session,
												"uwc-calclient-toolbar-AddressBook",
												"Address Book")
										%>
									</a></div>
						</td>
							<td class="Tab1NotSel">
									<img src="../uwc/images/spacer.gif"
											 width="10"
											 height="1"
											 alt=""></td>
							<td class="Tab1Gutter">	 
								 <img src="../uwc/images/spacer.gif"
										 width="3"
										 height="1"
										 alt="">
							</td>
							<td class="Tab1NotSel"> 
									<div class="Tab1NotSel">
										<a href="<%= getContextURI(request) %> /base/CalendarPreferences"
											 title="<%= getLocalizedLabel(session,
																 "uwc-calclient-toolbar-tooltip-Options",
																 "Options")
															%>"
											 class="Tab1LblNormal"
											 onmouseover="status='Options';
											 return true;"
											 onmouseout="status=';'"> 
											<%= getLocalizedLabel(session, 
													"uwc-calclient-toolbar-Options",
													"Options")
											%>
										</a>
									</div>
							</td>
							<td class="Tab1NotSel">
								  <img src="../uwc/images/spacer.gif" 
											width="10" 
											height="1"
											alt="">
							</td>
							<td class="Tab1Gutter">
									<img src="../uwc/images/spacer.gif"
											width="3"
											height="1"
											alt="">
							</td>
				</tr>
		<tr>
			<td colspan="3"
					class="Tab1Gutter"> 
					<img src="../uwc/images/spacer.gif"
							 width="1"
							 height="1"
							 alt="">
			</td>
			<td colspan="7"
					class="Tab1Gutter">
					<img src="../uwc/images/spacer.gif"
							 width="1"
							 height="1"
							 alt="">
			</td>
		</tr>
	</table>
</td>

The application tab order can be customized to display in the order, Address Book, Mail, Calendar and Options.

Figure 2–11 Changing the Application Tab Order to Display Address Book, Mail, Calendar and Options

To change the order of Application tabs for example `Address Book', `Mail', `Calendar', `Options' rearrange the code shown in Example 2–2 to the following:

Example 2–2 Customizing the order of the application tabs

<td class="Tab1Gutter">
		<table border="0" cellspacing="0" cellpadding="0" class="Tab1Tbl">
		<tr>
			<td colspan="12">
				<img src="../uwc/images/spacer.gif" width="1" 
					  height="6" alt=""></td></tr><tr>  <td class="Tab1Gutter">
				<img src="../uwc/images/spacer.gif" width="3" height="1" alt=""></td>
				<td class="Tab1NotSel" nowrap> <div class="Tab1NotSel">
				  <a href="<%= getContextURI(request) %>/abclient/AddressBook" 
					 title="<%= getLocalizedLabel(session, 
						"uwc-calclient-toolbar-tooltip-AddressBook", Address Book") %>" 
						class="Tab1LblNormal" 
						onmouseover="status='Address Book'; return true;" 
						onmouseout="status=';'">
						<%= getLocalizedLabel(session,
									"uwc-calclient-toolbar-AddressBook",
									"Address Book") %></a></div>
				</td>

<jato:content name="MailTab">
				 <td class="Tab1NotSel">
				<div class="Tab1NotSel">
				<a href="<%= getContextURI(request) %>/mailclient/Mail" 
					title="<%= getLocalizedLabel(session, 
							"uwc-calclient-toolbar-tooltip-Mail",
							"Mail") %>"
				class="Tab1LblNormal" 
				onmouseover="status='Mail'; return true;" 
				onmouseout="status=';'">
				<%=getLocalizedLabel(session, "uwc-calclient-toolbar-Mail", "Mail") %>
		</a></div>
				</td><td class="Tab1NotSel"><img src="../uwc/images/spacer.gif" 
							width="10" height="1" alt=""></td>
						 <td class="Tab1Gutter"><img src="../uwc/images/spacer.gif"
								width="3" height="1" alt=""></td>
	</jato:content>
			<jato:content name="MailTab">
			<td class="Tab1Gutter" colspan="3">
					<img src="../uwc/images/spacer.gif" width="1" height="3" alt=""></td>
				</jato:content> <td rowspan="3" class="Tab1Sel">
				<div class="Tab1Sel"><span class="Tab1LblSel" 
				title="<%= getLocalizedLabel(session, 
						"uwc-calclient-toolbar-tooltip-Calendar","Calendar") %>">
						<%= getLocalizedLabel(session, "uwc-calclient-toolbar-Calendar", 
							"Calendar") %>
</span></div>
				 </td><td rowspan="3" class="Tab1Sel">
					<img src="../uwc/images/spacer.gif" 
							width="10" 
							height="3" 
							alt=""></td>
					<td class="Tab1Gutter" colspan="7">
				<img src="../uwc/images/spacer.gif" width="1" height="3" alt=""></td>
				</tr> <tr>
				<td class="Tab1NotSel">
					<img src="../uwc/images/spacer.gif" width="10" height="1" alt=""></td>
						 <td class="Tab1Gutter">
						<img src="../uwc/images/spacer.gif" width="3" height="1" alt=""></td>
						<td class="Tab1NotSel">
						 <div class="Tab1NotSel">
						<a href="<%= getContextURI(request) %>/base/CalendarPreferences" 
						title="<%= getLocalizedLabel(session, 
						"uwc-calclient-toolbar-tooltip-Options", "Options") %>" 
						class="Tab1LblNormal" onmouseover="status='Options'; 
						return true;" onmouseout="status=';'">
						<%= getLocalizedLabel(session, "uwc-calclient-toolbar-Options", 
				"Options") %></a></div>
		</td> <td class="Tab1NotSel">
					<img src="../uwc/images/spacer.gif" width="10" height="1" alt=""></td>
					 <td class="Tab1Gutter">
				<img src="../uwc/images/spacer.gif" width="3" height="1" alt=""></td>
		</tr>
		<tr>
		<td colspan="3" class="Tab1Gutter">
			<img src="../uwc/images/spacer.gif" width="1" height="1" alt=""></td>
			 <td colspan="7" class="Tab1Gutter">
				<img src="../uwc/images/spacer.gif" width="1" height="1" alt=""></td>
		  </tr>
 </table></td>