PDA

View Full Version : simple Forms submit Dynamic Tabs



mahidbaig
13 Mar 2011, 5:48 AM
Hi i ha have build an interface using exmaple border-layout i have created dynamic tabs loading different pages from menu link click, i am new and need help, now i am stucked i wants to submit this form through ajax call, any example are help please,

javascript code:

Ext.onReady(function() {
Ext.state.Manager.setProvider(new Ext.state.CookieProvider());
var viewport = new Ext.Viewport({
layout: 'tdgi_border',
items: [
new Ext.BoxComponent({
region: 'north',
height: 120, // give north and south regions a height
bodyStyle:'margin:0 0 0 0',
contentEl: 'north'
}),
{
region: 'east',
title: 'Applications',
collapsible: true,
split: false,
width: 200, // give east and west regions a width
collapsedTitle: {
//Just like an Ext.DomHelper config object
element: {
// Required0
tag: 'img',
// Required
src: 'images/applications.png'
// Set this if you need to.
}
},
minSize: 175,
maxSize: 400,
margins: '0 5 0 0',
layout: 'fit', // specify layout manager for items
items: // this TabPanel is wrapped by another Panel so the title will be applied
new Ext.TabPanel({
border: false, // already wrapped so don't add another border
activeTab: 0, // second tab initially active
tabPosition: 'bottom',
items: [{
contentEl: 'westContent1',
title: 'Applications',
iconCls: 'nav',
width: 180
}, {
contentEl: 'westContent2',
title: 'Help',
iconCls: 'settings',
//autoScroll: true,
width: 180
}]
})
}, {
region: 'west',
id: 'west-panel', // see Ext.getCmp() below
title: 'User Menu',
collapsible: true,
split: false,
width: 200,
minSize: 175,
maxSize: 400,
collapsible: true,
collapsedTitle: {
element: {
// Required0
tag: 'img',
// Required
src: 'images/UserMenu.png'
}
},
margins: '0 0 0 5',
contentEl: 'west'
},
new Ext.TabPanel({
region: 'center', // a center region is ALWAYS required for border layout
bodyStyle: 'border-right: solid 3px #e7e7e7;border-left: solid 3px #e7e7e7;border-bottom: solid 3px #e7e7e7;margin:0px 0px 0px 0px;padding: 5px 0px 5px 0px;',
id: 'content-tab-panel',
enableTabScroll: true,
animScroll: true,
deferredRender: false,
activeTab: 0, // first tab initially active
items: [{
contentEl: 'center',
title: 'Home',
autoScroll: true
}]
})]
});
});




function renderPage(tabId,Pagelink,tabTitle) {
//alert(tabId);
var TabPanel = Ext.getCmp('content-tab-panel');
var tab = TabPanel.getItem(tabId);
var link = TabPanel.getItem(Pagelink);

// Ext.MessageBox.alert('TabGet', tabId);
if (tab) {
TabPanel.setActiveTab(tabId);
} else {
TabPanel.add({
title: tabTitle,
mode: 'iFrame',
autoLoad: Pagelink,
id: tabId, // this line very important, without this its not working
padding: '10 0 0 10',
closable: true
})

.show();
TabPanel.show();
//TabPanel.doLayoour();

}
}




Html code :

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="newHome.aspx.cs" Inherits="TgPortal.newHome" %>
<%@ Register TagName="leftNavigation" TagPrefix="uc1" Src="~/controls/Navigation/leftNavigation.ascx" %>
<%@ Register TagName="homeCenter" TagPrefix="uc3" Src="~/controls/newHome.ascx" %>
<%@ Register TagName="rightNavigation" TagPrefix="uc2" Src="~/controls/Navigation/rightNavigation.ascx" %>
<%@ Register TagName="newsScroll" TagPrefix="uc4" Src="~/controls/ScrollText.ascx" %>
<html>
<head>
<title>Complex Layout</title>
<link rel="stylesheet" type="text/css" href="resources/css/ext-all.css" />
<script type="text/javascript" src="js/common.js"></script>
<link rel="stylesheet" type="text/css" href="resources/css/ext-all.css" />
<link rel="stylesheet" type="text/css" title="gray" href="resources/css/xtheme-gray.css" />
<link type="text/css" rel="stylesheet" href="css/style.css" />
<link type="text/css" rel="stylesheet" href="css/toolbars.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/HomePage.css" />
<script type="text/javascript" src="resources/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="resources/ext-all.js"></script>
<script type="text/javascript" src="js/tdgi.borderLayout.js"></script>
<style type="text/css">
html, body {
font:normal 12px verdana;
margin:0;
padding:0;
border:0 none;
overflow:hidden;
height:100%;
}
p {
margin:5px;
}
.settings {
background-image:url(../shared/icons/fam/folder_wrench.png);
}
.nav {
background-image:url(../shared/icons/fam/folder_go.png);
}
</style>

<script type="text/javascript">
Ext.onReady(function(){

// NOTE: This is an example showing simple state management. During development,
// it is generally best to disable state management as dynamically-generated ids
// can change across page loads, leading to unpredictable results. The developer
// should ensure that stable state ids are set for stateful components in real apps.
Ext.state.Manager.setProvider(new Ext.state.CookieProvider());

var viewport = new Ext.Viewport({
layout: 'tdgi_border',
items: [
// create instance immediately
new Ext.BoxComponent({
region: 'north',
height: 32, // give north and south regions a height
contentEl: 'north'

}), {
region: 'east',
title: 'Applications',
collapsible: true,
split: false,
width: 200, // give east and west regions a width
collapsedTitle: {
//Just like an Ext.DomHelper config object
element: {
// Required0
tag: 'img',
// Required
src: 'images/applications.png'
// Set this if you need to.
}
},
minSize: 175,
maxSize: 400,
margins: '0 5 0 0',
layout: 'fit', // specify layout manager for items
items: // this TabPanel is wrapped by another Panel so the title will be applied
new Ext.TabPanel({
border: false, // already wrapped so don't add another border
activeTab: 0, // second tab initially active
tabPosition: 'bottom',
items: [{
contentEl: 'westContent1',
title: 'Applications',
iconCls: 'nav',
width: 180
},{
contentEl: 'westContent2',
title: 'Help',
iconCls: 'settings',
//autoScroll: true,
width: 180
}]
})
}, {
region: 'west',
id: 'west-panel', // see Ext.getCmp() below
title: 'User Menu',
split: true,
width: 200,
minSize: 175,
maxSize: 400,
collapsible: true,
collapsedTitle: {
element: {
// Required0
tag: 'img',
// Required
src: 'images/UserMenu.png'
}
},
margins: '0 0 0 5',
contentEl:'west'
},
// in this instance the TabPanel is not wrapped by another panel
// since no title is needed, this Panel is added directly
// as a Container
new Ext.TabPanel({
region: 'center', // a center region is ALWAYS required for border layout
deferredRender: false,
activeTab: 0, // first tab initially active
items: [{
contentEl: 'center1',
title: 'Close Me',
closable: true,
autoScroll: true
}, {
contentEl: 'center2',
title: 'Center Panel',
autoScroll: true
}]
})]
});
// get a reference to the HTML element with id "hideit" and add a click listener to it
Ext.get("hideit").on('click', function(){
// get a reference to the Panel that was created with id = 'west-panel'
var w = Ext.getCmp('west-panel');
// expand or collapse that Panel based on its collapsed property state
w.collapsed ? w.expand() : w.collapse();
});
});
</script>
</head>
<body>
<form id="frmMain" runat="server">
<ajaxToolkit:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
</ajaxToolkit:ToolkitScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>

<div id = "north" class="x-hide-display"></div>
<div id="west" class="x-hide-display">
<uc1:leftNavigation ID="leftNavigation2" runat="server" />
</div>
<div id="center2" class="x-hide-display">
<a id="hideit" href="#">Toggle the west region</a>
<p>My closable attribute is set to false so you can't close me. The other center panels can be closed.</p>
<p>The center panel automatically grows to fit the remaining space in the container that isn't taken up by the border regions.</p>
<hr>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed metus nibh, sodales a, porta at, vulputate eget, dui. Pellentesque ut nisl. Maecenas tortor turpis, interdum non, sodales non, iaculis ac, lacus. Vestibulum auctor, tortor quis iaculis malesuada, libero lectus bibendum purus, sit amet tincidunt quam turpis vel lacus. In pellentesque nisl non sem. Suspendisse nunc sem, pretium eget, cursus a, fringilla vel, urna. Aliquam commodo ullamcorper erat. Nullam vel justo in neque porttitor laoreet. Aenean lacus dui, consequat eu, adipiscing eget, nonummy non, nisi. Morbi nunc est, dignissim non, ornare sed, luctus eu, massa. Vivamus eget quam. Vivamus tincidunt diam nec urna. Curabitur velit. Quisque dolor magna, ornare sed, elementum porta, luctus in, leo.</p>
<p>Donec quis dui. Sed imperdiet. Nunc consequat, est eu sollicitudin gravida, mauris ligula lacinia mauris, eu porta dui nisl in velit. Nam congue, odio id auctor nonummy, augue lectus euismod nunc, in tristique turpis dolor sed urna. Donec sit amet quam eget diam fermentum pharetra. Integer tincidunt arcu ut purus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla blandit malesuada odio. Nam augue. Aenean molestie sapien in mi. Suspendisse tincidunt. Pellentesque tempus dui vitae sapien. Donec aliquam ipsum sit amet pede. Sed scelerisque mi a erat. Curabitur rutrum ullamcorper risus. Maecenas et lorem ut felis dictum viverra. Fusce sem. Donec pharetra nibh sit amet sapien.</p>
<p>Aenean ut orci sed ligula consectetuer pretium. Aliquam odio. Nam pellentesque enim. Nam tincidunt condimentum nisi. Maecenas convallis luctus ligula. Donec accumsan ornare risus. Vestibulum id magna a nunc posuere laoreet. Integer iaculis leo vitae nibh. Nam vulputate, mauris vitae luctus pharetra, pede neque bibendum tellus, facilisis commodo diam nisi eget lacus. Duis consectetuer pulvinar nisi. Cras interdum ultricies sem. Nullam tristique. Suspendisse elementum purus eu nisl. Nulla facilisi. Phasellus ultricies ullamcorper lorem. Sed euismod ante vitae lacus. Nam nunc leo, congue vehicula, luctus ac, tempus non, ante. Morbi suscipit purus a nulla. Sed eu diam.</p>
<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras imperdiet felis id velit. Ut non quam at sem dictum ullamcorper. Vestibulum pharetra purus sed pede. Aliquam ultrices, nunc in varius mattis, felis justo pretium magna, eget laoreet justo eros id eros. Aliquam elementum diam fringilla nulla. Praesent laoreet sapien vel metus. Cras tempus, sapien condimentum dictum dapibus, lorem augue fringilla orci, ut tincidunt eros nisi eget turpis. Nullam nunc nunc, eleifend et, dictum et, pharetra a, neque. Ut feugiat. Aliquam erat volutpat. Donec pretium odio nec felis. Phasellus sagittis lacus eget sapien. Donec est. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;</p>
<p>Vestibulum semper. Nullam non odio. Aliquam quam. Mauris eu lectus non nunc auctor ullamcorper. Sed tincidunt molestie enim. Phasellus lobortis justo sit amet quam. Duis nulla erat, varius a, cursus in, tempor sollicitudin, mauris. Aliquam mi velit, consectetuer mattis, consequat tristique, pulvinar ac, nisl. Aliquam mattis vehicula elit. Proin quis leo sed tellus scelerisque molestie. Quisque luctus. Integer mattis. Donec id augue sed leo aliquam egestas. Quisque in sem. Donec dictum enim in dolor. Praesent non erat. Nulla ultrices vestibulum quam.</p>
<p>Duis hendrerit, est vel lobortis sagittis, tortor erat scelerisque tortor, sed pellentesque sem enim id metus. Maecenas at pede. Nulla velit libero, dictum at, mattis quis, sagittis vel, ante. Phasellus faucibus rutrum dui. Cras mauris elit, bibendum at, feugiat non, porta id, neque. Nulla et felis nec odio mollis vehicula. Donec elementum tincidunt mauris. Duis vel dui. Fusce iaculis enim ac nulla. In risus.</p>
<p>Donec gravida. Donec et enim. Morbi sollicitudin, lacus a facilisis pulvinar, odio turpis dapibus elit, in tincidunt turpis felis nec libero. Nam vestibulum tempus ipsum. In hac habitasse platea dictumst. Nulla facilisi. Donec semper ligula. Donec commodo tortor in quam. Etiam massa. Ut tempus ligula eget tellus. Curabitur id velit ut velit varius commodo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla facilisi. Fusce ornare pellentesque libero. Nunc rhoncus. Suspendisse potenti. Ut consequat, leo eu accumsan vehicula, justo sem lobortis elit, ac sollicitudin ipsum neque nec ante.</p>
<p>Aliquam elementum mauris id sem. Vivamus varius, est ut nonummy consectetuer, nulla quam bibendum velit, ac gravida nisi felis sit amet urna. Aliquam nec risus. Maecenas lacinia purus ut velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse sit amet dui vitae lacus fermentum sodales. Donec varius dapibus nisl. Praesent at velit id risus convallis bibendum. Aliquam felis nibh, rutrum nec, blandit non, mattis sit amet, magna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam varius dignissim nibh. Quisque id orci ac ante hendrerit molestie. Aliquam malesuada enim non neque.</p>
</div>
<div id="center1" class="x-hide-display">
<p><b>Done reading me? Close me by clicking the X in the top right corner.</b></p>
<p>Vestibulum semper. Nullam non odio. Aliquam quam. Mauris eu lectus non nunc auctor ullamcorper. Sed tincidunt molestie enim. Phasellus lobortis justo sit amet quam. Duis nulla erat, varius a, cursus in, tempor sollicitudin, mauris. Aliquam mi velit, consectetuer mattis, consequat tristique, pulvinar ac, nisl. Aliquam mattis vehicula elit. Proin quis leo sed tellus scelerisque molestie. Quisque luctus. Integer mattis. Donec id augue sed leo aliquam egestas. Quisque in sem. Donec dictum enim in dolor. Praesent non erat. Nulla ultrices vestibulum quam.</p>
<p>Duis hendrerit, est vel lobortis sagittis, tortor erat scelerisque tortor, sed pellentesque sem enim id metus. Maecenas at pede. Nulla velit libero, dictum at, mattis quis, sagittis vel, ante. Phasellus faucibus rutrum dui. Cras mauris elit, bibendum at, feugiat non, porta id, neque. Nulla et felis nec odio mollis vehicula. Donec elementum tincidunt mauris. Duis vel dui. Fusce iaculis enim ac nulla. In risus.</p>
<p>Donec gravida. Donec et enim. Morbi sollicitudin, lacus a facilisis pulvinar, odio turpis dapibus elit, in tincidunt turpis felis nec libero. Nam vestibulum tempus ipsum. In hac habitasse platea dictumst. Nulla facilisi. Donec semper ligula. Donec commodo tortor in quam. Etiam massa. Ut tempus ligula eget tellus. Curabitur id velit ut velit varius commodo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla facilisi. Fusce ornare pellentesque libero. Nunc rhoncus. Suspendisse potenti. Ut consequat, leo eu accumsan vehicula, justo sem lobortis elit, ac sollicitudin ipsum neque nec ante.</p>
<p>Aliquam elementum mauris id sem. Vivamus varius, est ut nonummy consectetuer, nulla quam bibendum velit, ac gravida nisi felis sit amet urna. Aliquam nec risus. Maecenas lacinia purus ut velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse sit amet dui vitae lacus fermentum sodales. Donec varius dapibus nisl. Praesent at velit id risus convallis bibendum. Aliquam felis nibh, rutrum nec, blandit non, mattis sit amet, magna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam varius dignissim nibh. Quisque id orci ac ante hendrerit molestie. Aliquam malesuada enim non neque.</p>
</div>
<div id="props-panel" class="x-hide-display" style="width:200px;height:200px;overflow:hidden;">
</div>
<div id="center" class="x-hide-display">
<uc3:homeCenter ID="homeCenter1" runat="server" />
</div>
<div id="Div1" style="width: 200px; height: 100%" class="x-hide-display">
<uc1:leftNavigation ID="leftNavigation1" runat="server" />
</div>
<div id="westContent1" style="width: 200px; height: 100%" class="x-hide-display">
<uc2:rightNavigation ID="rightNavigation1" runat="server" />
</div>
<div id="westContent2" style="width: 200px; height: 100%; padding: 5px 5px 5px 5px;
background-color: #ffffff;" class="x-hide-display">
Home Page Help
<br />
Home Page Help
<br />
Home Page Help
<br />
Home Page Help
<br />
Home Page Help
<br />
Home Page Help
<br />
Home Page Help
<br />
</div>
</ContentTemplate>
</asp:UpdatePanel>

</form>
</body>
</html>

i am using asp.net
Somebody please help

mahidbaig
13 Mar 2011, 5:53 AM
Sorry i copied wrong Html file
This is my html file

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="home.aspx.cs" Inherits="TgPortal.home" %>
<%@ Register Assembly="C1.Web.UI.Controls.3" Namespace="C1.Web.UI.Controls.C1ToolBar"
TagPrefix="cc1" %>
<%@ Register TagName="leftNavigation" TagPrefix="uc1" Src="~/controls/Navigation/leftNavigation.ascx" %>
<%@ Register TagName="homeCenter" TagPrefix="uc3" Src="~/controls/newHome.ascx" %>
<%@ Register TagName="rightNavigation" TagPrefix="uc2" Src="~/controls/Navigation/rightNavigation.ascx" %>
<%@ Register TagName="newsScroll" TagPrefix="uc4" Src="~/controls/ScrollText.ascx" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Tiger Group Information System</title>
<script type="text/javascript" src="js/common.js"></script>
<link rel="stylesheet" type="text/css" href="resources/css/ext-all.css" />
<link rel="stylesheet" type="text/css" title="gray" href="resources/css/xtheme-gray.css" />
<link type="text/css" rel="stylesheet" href="css/style.css" />
<link type="text/css" rel="stylesheet" href="css/toolbars.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/HomePage.css" />
<script language="javascript" type="text/javascript">
var g_UsingOWC9 = false;
function toggleCollapse(item, dontRecord) {
var expanded = !(item.style.display == "none");
item.style.display = expanded ? "none" : "block";
var toggleItem = document.all('ExpandIcon' + item.id);
if (toggleItem != null) {
document.all('ExpandIcon' + item.id).src = expanded ? "images/Tree_Expand.png" : "images/Tree_Collapse.png";
}
if (dontRecord != "true") {
if (expanded) {
setCollapsed(item.id);
}
else {
setExpanded(item.id);
}
}
}
var g_Popup = null;
function setCollapsed(name) {
var state = document.getElementById("storage");
state.setAttribute(name, "collapsed");
state.save("oXMLBranch");
}
function setExpanded(name) {
var state = document.getElementById("storage");
state.setAttribute(name, "expanded");
state.save("oXMLBranch");
}
function getState(name) {
var state = document.getElementById("storage");
state.load("oXMLBranch");
var v = state.getAttribute(name);
if (v == null)
v = "notset";
return v;
}
function partContentToggle(partObj) {
var content = partObj.all("partContent");
content.style.display = (content.style.display == "none") ? "block" : "none";
}
function tableBodyToggle(tableBody) {
tableBody.style.display = (tableBody.style.display == "none") ? "block" : "none";
}
function ToggleClass(Obj, PartObj) {
oldClass = Obj.className
if (oldClass == 'Expanded') {
setCollapsed(PartObj.id);
Obj.className = 'Collapsed';
}
else {
setExpanded(PartObj.id);
Obj.className = 'Expanded';
}
partContentToggle(PartObj);
Obj.blur();
return oldClass;
}
var partOver = null;
var timer = null;
function ShowButtons() {
if (partOver != null) {
if (timer != 0) {
window.clearTimeout(timer);
}
partOver.filters.item(0).Apply();
partOver.style.visibility = "visible";
timer = null;
partOver.filters.item(0).Play();
}
}
function PartMouseOut(Obj) {
var el = Obj.all(Obj.id + "Buttons");
if (!Obj.contains(window.event.toElement)) {
el.style.visibility = "hidden";
partOver = null;
}
}
function PartMouseOver(Obj) {
var o = Obj.all(Obj.id + "Buttons");
if (o != partOver) {
partOver = o;
timer = window.setTimeout("ShowButtons()", 700);
}
}
/* This function will restore the expand/collapse state from cookies. */

</script>
<script type="text/javascript" src="resources/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="resources/ext-all.js"></script>
<script type="text/javascript" src="js/tdgi.borderLayout.js"></script>
<script type="text/javascript" src="js/layout/homeLayout.js"></script>
</head>
<body>
<form id="frmMain" runat="server">
<ajaxToolkit:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
</ajaxToolkit:ToolkitScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<div id="north" style="width: 100%;">
<div id="newsScroll">
<div style="float: right; margin-right: 20px; margin-top: 4px;">
Mirza Zahid Baig&nbsp;&nbsp;&nbsp;TG Portal ver 2011</div>
<uc4:newsScroll ID="newsScroll1" runat="server" />
</div>
<table border="0" width="100%" cellpadding="0" cellspacing="0">
<tr>
<td id="header-toolbar" style="background-image: url(images/toolBarBG1.png); background-repeat: repeat-x;
height: 90px; vertical-align: top">
<table border="0" style="text-align: left">
<tr>
<!-- next column-->
<td valign="top" style="width: 220px">
<table border="0" style="width: 100%; text-align: center">
<tr>
<td style="height: 70px; vertical-align: top">
<table border="0">
<tr>
<td class="emptyIconBox" style="width: 75px; height: 50px" onmouseover="this.className = 'iconBox'"
onmouseout="this.className = 'emptyIconBox'">
<span class="iconLink"><a href="#" onclick="renderPage('busiReports','whatsNew.aspx','Business Reports')"
title="Business Reports">
<img src="menu/icons/reports.png" alt="" /><br />
Business<br />
Reports</a></span>
</td>
<td class="emptyIconBox" style="width: 75px; height: 50px" onmouseover="this.className = 'iconBox'"
onmouseout="this.className = 'emptyIconBox'">
<span class="iconLink"><a href="#" onclick="renderPage('miscReport','newTest.aspx','Misscellaneous Reports')"
title="Misscellaneous Reports">
<img src="menu/icons/miscReport.png" alt="" /><br />
Misscellaneous<br />
Reports</a></span>
</td>
<td class="emptyIconBox" style="width: 75px; height: 50px" onmouseover="this.className = 'iconBox'"
onmouseout="this.className = 'emptyIconBox'">
<span class="iconLink"><span class="iconLink"><a href="#" onclick="renderPage('swotAnalysis','new.htm','SWOT Analysis')"
title="SWOT Analysis">
<img src="menu/icons/SWOT.png" alt="" /><br />
SWOT<br />
Analysis</a></span>
</td>
</tr>
<tr>
<td colspan="3" style="text-align: bottom; vertical-align: bottom; height: 20px">
Business Analysis
</td>
</tr>
</table>
</td>
<td style="height: 90px; width: 5px; background-image: url(images/line.png); background-repeat: no-repeat">
</td>
</tr>
</table>
</td>
<!-- end next column-->
<!-- next column-->
<td style="width: 290px;">
<table border="0" style="width: 100%; text-align: center">
<tr>
<td style="height: 90px; vertical-align: top">
<table border="0">
<tr>
<td class="emptyIconBox" style="width: 55px; height: 50px" onmouseover="this.className = 'iconBox'"
onmouseout="this.className = 'emptyIconBox'">
<span class="iconLink"><a href="#" onclick="renderPage('SupeAttendance','new.htm','Supervise Attendance')"
title="Supervise Attendance">
<img src="menu/icons/superviseAttendance.png" alt="" /><br />
Supervise<br />
Attendance</a></span>
</td>
<td class="emptyIconBox" style="width: 90px; height: 50px" onmouseover="this.className = 'iconBox'"
onmouseout="this.className = 'emptyIconBox'">
<span class="iconLink"><a href="#" onclick="renderPage('AdjusRequest','new.htm','Adjustment Request')"
title="Make Adjustment Request">
<img src="menu/icons/adjustment_clock.png" alt="" /><br />
Make Adjustment<br />
Request </a></span>
</td>
<td class="emptyIconBox" style="width: 65px; height: 50px" onmouseover="this.className = 'iconBox'"
onmouseout="this.className = 'emptyIconBox'">
<span class="iconLink"><a href="#" onclick="renderPage('AdjustAttendance','new.htm','Adjust Attendance')"
title="Adjust Attendance">
<img src="menu/icons/AdjustAttendance.png" alt="" /><br />
Adjust<br />
Attendance </a></span>
</td>
<td class="emptyIconBox" style="width: 75px; height: 50px" onmouseover="this.className = 'iconBox'"
onmouseout="this.className = 'emptyIconBox'">
<span class="iconLink"><a href="#" onclick="renderPage('AttenReport','new.htm','Attendance Report Payroll')"
title="Attendance Report Payroll">
<img src="menu/icons/Attendance-Report.png" alt="" /><br />
Attendance<br />
Report Payroll </a></span>
</td>
</tr>
<tr>
<td colspan="3" style="text-align: bottom; vertical-align: bottom; height: 20px">
Attendance Management
</td>
<td style="text-align: center">
&nbsp;
</td>
</tr>
</table>
</td>
<td style="height: 90px; width: 5px; background-image: url(images/line.png); background-repeat: no-repeat">
</td>
</tr>
</table>
</td>
<!-- end next column-->
<!-- next column-->
<td style="width: 275px" align="left">
<table border="0" style="width: 100%; text-align: center">
<tr>
<td style="height: 90px; vertical-align: top">
<table border="0">
<tr>
<td class="emptyIconBox" style="width: 65px; height: 50px" onmouseover="this.className = 'iconBox'"
onmouseout="this.className = 'emptyIconBox'">
<span class="iconLink"><a href="#" onclick="renderPage('MakeTask','new.htm','Make New Task')" title="Make New Task">
<img src="menu/icons/NewTask.png" alt="" /><br />
Make<br />
New Task </a></span>
</td>
<td class="emptyIconBox" style="width: 75px; height: 50px" onmouseover="this.className = 'iconBox'"
onmouseout="this.className = 'emptyIconBox'">
<span class="iconLink"><a href="#" onclick="renderPage('IncomTasks','new.htm','My Incomplete Tasks')" title="My Incomplete Tasks">
<img src="menu/icons/My-Incomplete-Task.png" alt="" /><br />
My Incomplete<br />
Tasks </a></span>
</td>
<td class="emptyIconBox" style="width: 65px; height: 50px;" onmouseover="this.className = 'iconBox'"
onmouseout="this.className = 'emptyIconBox'">
<span class="iconLink"><a href="#" onclick="renderPage('taskList','new.htm','View Task List')" title="View Task List">
<img src="menu/icons/taskList.png" alt="" /><br />
View<br />
Task List </a></span>
</td>
<td class="emptyIconBox" style="width: 65px; height: 50px;" onmouseover="this.className = 'iconBox'"
onmouseout="this.className = 'emptyIconBox'">
<span class="iconLink"><a href="#" onclick="renderPage('leaveForm','new.htm','New Leave Form')" title="New Leave Form">
<img src="menu/icons/Leave-Request.png" alt="" /><br />
New Leave<br />
Form </a></span>
</td>
</tr>
<tr>
<td colspan="3" style="text-align: bottom; vertical-align: bottom; height: 20px">
TG Web Task System
</td>
<td style="text-align: center">
&nbsp;
</td>
</tr>
</table>
</td>
<td style="height: 90px; width: 5px; background-image: url(images/line.png ); background-repeat: no-repeat">
</td>
</tr>
</table>
</td>
<!-- end next column-->
<!-- next column-->
<td style="width: 260px">
<table border="0" style="width: 100%; text-align: center">
<tr>
<td style="height: 90px; vertical-align: top">
<table border="0">
<tr>
<td class="emptyIconBox" style="width: 65px; height: 50px" onmouseover="this.className = 'iconBox'"
onmouseout="this.className = 'emptyIconBox'">
<span class="iconLink"><a href="#" onclick="renderPage('sendMessage','new.htm','Send Message')" title="Send Message">
<img src="menu/icons/newMessage.png" alt="" /><br />
Send<br />
Message </a></span>
</td>
<td class="emptyIconBox" style="width: 75px; height: 50px" onmouseover="this.className = 'iconBox'"
onmouseout="this.className = 'emptyIconBox'">
<span class="iconLink"><a href="#" onclick="renderPage('historyMessage','new.htm','Show History Message')" title="Show History Message">
<img src="menu/icons/showMessage.png" alt="" /><br />
Show History<br />
Message </a></span>
</td>
<td class="emptyIconBox" style="width: 65px; height: 50px" onmouseover="this.className = 'iconBox'"
onmouseout="this.className = 'emptyIconBox'">
<span class="iconLink"><a href="#" onclick="renderPage('showMessage','new.htm','Show Message')" title="Show Message">
<img src="menu/icons/incomplete.png" alt="" /><br />
Show<br />
Message </a></span>
</td>
<td class="emptyIconBox" style="width: 65px; height: 50px;" onmouseover="this.className = 'iconBox'"
onmouseout="this.className = 'emptyIconBox'">
<span class="iconLink"><a href="#" onclick="renderPage('newActivity','new.htm','Make New Activity')" title="Make New Activity">
<img src="menu/icons/NewActivity.png" alt="" /><br />
Make New<br />
Activity </a></span>
</td>
</tr>
<tr>
<td colspan="3" style="text-align: bottom; vertical-align: bottom; height: 20px">
While You are Out
</td>
<td style="text-align: center">
&nbsp;
</td>
</tr>
</table>
</td>
<td style="height: 90px; width: 5px; background-image: url(images/line.png ); background-repeat: no-repeat">
</td>
</tr>
</table>
</td>
<!-- end next column-->
</tr>
</table>
</td>
</tr>
</table>
</div>
<div id="center" class="x-hide-display">
<uc3:homeCenter ID="homeCenter1" runat="server" />
</div>
<div id="west" style="width: 200px; height: 100%" class="x-hide-display">
<uc1:leftNavigation ID="leftNavigation1" runat="server" />
</div>
<div id="westContent1" style="width: 200px; height: 100%" class="x-hide-display">
<uc2:rightNavigation ID="rightNavigation1" runat="server" />
</div>
<div id="westContent2" style="width: 200px; height: 100%; padding: 5px 5px 5px 5px;
background-color: #ffffff;" class="x-hide-display">
Home Page Help
<br />
Home Page Help
<br />
Home Page Help
<br />
Home Page Help
<br />
Home Page Help
<br />
Home Page Help
<br />
Home Page Help
<br />
</div>
</ContentTemplate>
</asp:UpdatePanel>
</form>
</body>
</html>