View source for Employee Self-Service - Details - Default

{| class="wikitable" style="width:100%"
! style="width:25%" | Employee Self-Service (ESS)		
! style="width:25%" | Details - Fields 				
! style="width:25%" | Details - Default Layout		
! style="width:25%" | Details - Full Example 			
|-
| style="text-align:center;" | [[Employee_Self-Service_(ESS)|Link]]
| style="text-align:center;" | [[Employee_Self-Service_-_Fields|Link]]
| style="text-align:center;" | [[Employee_Self-Service_-_Details_-_Default|Link]]
| style="text-align:center;" | [[Employee_Self-Service_-_Details_-_Full_Example|Link]]
|-
|} 

= Overview =


The Details section of the Employee Self-Service (ESS) aspect of bxp can be fully customised.  Here is the default system listing example showing minimum fields in their suggested default configuration.


Please note this sample is provided to serve as a reference / replacement for you to customise your ESS from and in case you wish to roll back some of your own changes.


[[File:ess_fulllayout_002.png|800px]]



= Details = 

<syntaxhighlight lang="html4strict">
<style>
.css_Table_First_Cell{
	width:40%;
	height:30px;
}
.css_Table_First_Row{
	width:60%;
	height:30px;
}
.css_Table_Data_FirstCell{
	height:30px;
}
.css_Table_Data_DataCell{
	height:30px;
}
.css_Table_Data_Alt_FirstCell{
	height:30px;
}
.css_Table_Data_Alt_DataCell{
	height:30px;
}
</style>
<div style="width:100%;" id="divESS_Personal">
	<h2>Personal</h2>
	<table class="css_Table_New_Table" style="width:100%;" border="0" cellspacing="10" cellpadding="10">
		<tr>
			<td class="css_Table_First_Cell">Field<td>
			<td class="css_Table_First_Row">Current Value<td>
		</tr>
		<tr>
			<td class="css_Table_Data_FirstCell">Work Phone<td>
			<td class="css_Table_Data_DataCell">--strClient_Phone#Edit--<td>
		</tr>
		<tr>
			<td class="css_Table_Data_Alt_FirstCell">Extension<td>
			<td class="css_Table_Data_Alt_DataCell">--strClient_Extension#Edit--<td>
		</tr>
		<tr>
			<td class="css_Table_Data_Alt_FirstCell">Primary Mobile Phone<td>
			<td class="css_Table_Data_Alt_DataCell">--strClient_Mobile#Edit--<td>
		</tr>
		<tr>
			<td class="css_Table_Data_FirstCell">Work Email<td>
			<td class="css_Table_Data_DataCell">--strClient_Email#Edit--<td>
		</tr>
		<tr>
			<td class="css_Table_Data_Alt_FirstCell">Home Address 1<td>
			<td class="css_Table_Data_Alt_DataCell">--strHR_Personal_Home_Address1#Edit--<td>
		</tr>
		<tr>
			<td class="css_Table_Data_FirstCell">Home Address 2<td>
			<td class="css_Table_Data_DataCell">--strHR_Personal_Home_Address2#Edit--<td>
		</tr>
		<tr>
			<td class="css_Table_Data_Alt_FirstCell">Home Address 3<td>
			<td class="css_Table_Data_Alt_DataCell">--strHR_Personal_Home_Address3#Edit--<td>
		</tr>
		<tr>
			<td class="css_Table_Data_FirstCell">Home Address 4<td>
			<td class="css_Table_Data_DataCell">--strHR_Personal_Home_Address4#Edit--<td>
		</tr>
		<tr>
			<td class="css_Table_Data_Alt_FirstCell">Home Address 5<td>
			<td class="css_Table_Data_Alt_DataCell">--strHR_Personal_Home_Address5#Edit--<td>
		</tr>
		<tr>
			<td class="css_Table_Data_FirstCell">Home Address 6<td>
			<td class="css_Table_Data_DataCell">--strHR_Personal_Home_Address6#Edit--<td>
		</tr>
		<tr>
			<td class="css_Table_Data_FirstCell">Show photo in FrontDesk<td>
			<td class="css_Table_Data_DataCell">--strHR_DataProtection_ShowPhotoInFrontDesk#Edit--<td>
		</tr>
		<tr>
			<td class="css_Table_Data_Alt_FirstCell">Show photo in Meet the Team<td>
			<td class="css_Table_Data_Alt_DataCell">--strHR_DataProtection_ShowPhotoInMeetTheTeam#Edit--<td>
		</tr>
		<tr>
			<td class="css_Table_Data_FirstCell">For no photo what colour avatar<td>
			<td class="css_Table_Data_DataCell">--strHR_DataProtection_AvatarColourForNoShow#Edit--<td>
		</tr>
	</table>
</div>
</syntaxhighlight>

= JavaScript =

None