htmlpage Homepage()
<%{%> <style>
#mainDiv a:hover{
text-decorationderline;
}
.announceLine{
border-bottom: 1px solid #F1F1F1;
font-size: 13px;
line-height: 32px;
list-style: none;
}
.quickLine{
font-size: 13px;
line-height: 26px;
list-style: none;
}
.mySub {
overflow: hidden;
padding-bottom: 10px;
margin: 0px -37px;
}
.mySub1 {
overflow: hidden;
position: relative;
left: -11px;
top: -21px;
padding: 0px 0px 3px 0px;
width: 192px;
}
.imgSize{
width:60px;
height:69px;
}
.birthImgSize{
width:45px;
height:45px;
}
.liAlignNewHire{
border-bottom:0;
list-style:none;
float:left;
margin:3px 0px -1px 3px;
}
.showImgSize
{
width:40px;
height:40px;
}
.liAlignBirthday{
border-bottom:0;
list-style:none;
float:left;
margin:3px 0px -1px 3px;
}
td.zc-labelheader{
display:none;
}
select.zc-dropdown{
height: 22px;
border-radius: 3px;
}
#Birthday_Folks_Search-Date_field-1{
float: left;
width: 47px;
margin: -7px -10px;
margin-bottom:0px;
}
#Birthday_Folks_Search-Month-1{
float: right;
margin:-8px 0px;
}
.birthNoneResults{
position: relative;
top: -25px;
left: -17px;
border: 2px solid #F0F0F0;
border-radius: 5px;
padding: 12px 0px 12px 20px;
margin: 11px 5px;
width: 146px;
font-size: 12px;
font-weight: bold;
color: #BBB;
}
.birthdayAll{
font-size:12px;
font-weight:bold;
float: right;
margin:-39px 9px 0px 0px;
}
.zc-appformcontent{
background-color:transparent;
}
.newHiresNoneResults{
position: relative;
top: 55px;
left: 84px;
border: 2px solid #F0F0F0;
border-radius: 5px;
padding: 40px 34px 40px 40px;
width: 200px;
font-size: 15px;
font-weight: bold;
color: #BBB;
}
.announceNoneResults{
position: relative;
top: 39px;
left: 60px;
border: 2px solid #F0F0F0;
border-radius: 5px;
padding: 40px 14px 40px 32px;
width: 228px;
font-size: 15px;
font-weight: bold;
color: #BBB;
}
#mainDiv{
width: 1250px;
margin: 32 auto;
padding-bottom: 14px;
}
.displayContent{
background-color: white;
position: relative;
width: 980px;
border: 2px solid #DDDCDC;
border-radius:5px;
margin: 0px 0px 0px 0px;
float: left;
padding-bottom:20px
}
.displayContHeading{
position: relative;
background-color: #F5F5F5;
border-bottom:1px solid #DDDCDC;
height: 25px;
padding: 10px 14px;
}
.headContent{
color: #AAA;
text-shadow: 0 1px 0 white;
font-size: 18px;
}
.empName{
color: #646363;
font-size: 19px;
}
.quickLinkDiv{
position:relative;
width: 250px;
border:2px solid #DDDCDC;
background-color:white;
border-radius:5px;
float: right;
padding-bottom: 12px;
min-height:285px;
}
.headFont{
font-size:16px;
color: #555;
border-bottom: 1px solid #F1F1F1;
margin-bottom: 2px;
padding-bottom: 2px;
padding-top: 2px;
}
.divBox{
position: relative;
height: 320px;
width: 46%;
border: 1px solid #DDDCDC;
border-radius: 6px;
margin: 22px 0px 25px 20px;
float: left;
}
.divBoxHead{
height: 21px;
border-bottom: 1px solid #DDDCDC;
padding: 9px 9px;
}
.divBoxHeadFont{
font-size: 13px;
margin: 1px;
text-shadow: 0px 1px 1px white;
font:normal 16px Georgia, Times New Roman, Times, serif;
height: 25px;
color: rgb(54, 43, 43);
}
.divBoxViewAll{
color:#286FDA;
font-size:12px;
font-weight:bold;
position: absolute;
right: 14px;
bottom: 14px;
}
/*For search table customize*/
#searchForm td .zc-labelheader{
display:none;
}
#searchForm .zc-dialog-border-top{
border-top:none;
}
#searchForm td .zc-button-row{
position: relative;
top: -19px;
left: 0px;
}
#searchForm .zc-appformtable{
width: 0px;
margin: -2px 0px 0px 50px;
}
#searchForm td .zc-formbutton {
width: 36px;
margin: -107px 0px 0px 191px;
height: 21px;
background-position: 2px 5px;
background-image: url(/zohocreator/edit/common/images/search.png);
background-size: 15px 15px;
background-repeat: no-repeat;
border: 0px;
background-color: transparent;
opacity: 0.5;
cursor: pointer;
}
#searchForm td .zc-formbutton-hover{
width: 36px;
margin: -53px 0px 0px 191px;
height: 21px;
background-position: 2px 5px;
background-image: url(/zohocreator/edit/common/images/search.png);
background-size: 15px 15px;
background-repeat: no-repeat;
border: 0px;
background-color: transparent;
cursor: pointer;
box-shadow:none;
}
#searchForm .zc-inputtext{
border-radius: 4px;
margin: 0px 0px 3px 24px;
}
</style><%param = thisapp.dashboard.getDashboardContent();
titleName = (param.get("titleName")).toString();
empName = (param.get("empName")).toString();
divContent = (param.get("divContent")).toString();%> <div id='mainDiv'>
<div class='displayContent'>
<div class='displayContHeading'>
<font class='headContent'><%=titleName%></font><%if ((empName != null) && (empName != ""))
{%> <a href='#View:Employee_Profile'><font class='empName'><%=empName%></font></a> <%}%> <div id='searchForm' style='width:310px;height:80px;float:right;padding-top:4px;position:absolute;right: 14px;top: -16px;' elName='zc-component' formLinkName='Search' params='zc_Header=false&zc_BgClr=transparent&zc_BdrClr=transparent'></div>
</div>
<%=divContent%>
</div>
<div class='quickLinkDiv'>
<div style='width:210px;margin:0px auto;'>
<h2 class='headFont'>Quick Links</h2>
<a href='#Form:Add_Leave' class='quickLine' style='color:#286FDA;'>Apply Leave</a><br>
<a href='#View:Holidays' class='quickLine' style='color:#286FDA;'>View Holidays</a><br>
<a href='#View:Holidays' class='quickLine' style='color:#286FDA;'>My Trainnings mc s </a><br>
<a href='#View:Holidays' class='quickLine' style='color:#286FDA;'>Update my Goals </a><br>
<a href='#View:Holidays' class='quickLine' style='color:#286FDA;'>Contacts</a><br>
<h2 class='headFont'>Birthday Folks</h2>
<div elName='zc-component' formLinkName='Birthday_Folks_Search' params='zc_Header=false&zc_BdrClr=transparent' style='margin:0px -12px;margin-bottom:-35px;'></div>
</div>
</div>
<div style="clear:both"></div>
</div><%}%>