Aug 24, 2009, 8:01 AM
[CLOSED] Tabpanel + content issue
Hi,
I've got a tabpanel, with 3 exactly the same tabs (same layout, only data differs), the first and second tab displays well, but the thirth one doesn't, the content starts at the bottom of my page...
I've got a tabpanel, with 3 exactly the same tabs (same layout, only data differs), the first and second tab displays well, but the thirth one doesn't, the content starts at the bottom of my page...
<ext:TabPanel ID="TabPanel1" runat="server" ActiveTabIndex="0" Title="TabPanel" DeferredRender="false" LayoutOnTabChange="true" >
<Tabs>
<ext:Tab ID="TabMyProfile" runat="server" Title="My Profile" Closable="false">
<Body>
<ext:FormPanel runat="server" Frame="true" Border="false">
<Body>
<ext:ColumnLayout ID="ColumLayouUserInfo" runat="server" Split="false">
<ext:LayoutColumn ColumnWidth=".20">
<ext:Panel ID="Panel3" runat="server" Border="false">
<Body>
<ext:FormLayout runat="server" LabelStyle="font-weight:bold;" LabelWidth="80">
<ext:Anchor>
<ext:Label ID="lblUserFirstName" runat="server" FieldLabel="First Name" Text="Stijn" />
</ext:Anchor>
<ext:Anchor>
<ext:Label ID="lblUserSurName" runat="server" FieldLabel="Surname" Text="Van Opstal" />
</ext:Anchor>
<ext:Anchor>
<ext:Label ID="lblUserPhone" runat="server" FieldLabel="Phone" Text="03/567.44.33" />
</ext:Anchor>
</ext:FormLayout>
</Body>
</ext:Panel>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth=".23">
<ext:Panel ID="Panel4" runat="server" Border="false">
<Body>
<ext:FormLayout ID="FormLayout2" runat="server" LabelStyle="font-weight:bold;" LabelWidth="80">
<ext:Anchor>
<ext:Label ID="lblUserMobile" runat="server" FieldLabel="Mobile" Text="0476/68.23.23" />
</ext:Anchor>
<ext:Anchor>
<ext:Label ID="lblUserEmailAddress" runat="server" FieldLabel="Email" Text="stijn.van.opstal@something.com" />
</ext:Anchor>
<ext:Anchor>
<ext:Label ID="lblUserFunction" runat="server" FieldLabel="Function" Text="Functie" />
</ext:Anchor>
</ext:FormLayout>
</Body>
</ext:Panel>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth=".23">
<ext:Panel ID="Panel5" runat="server" Border="false">
<Body>
<ext:FormLayout ID="FormLayout3" runat="server" LabelStyle="font-weight:bold;" LabelWidth="110">
<ext:Anchor>
<ext:Label ID="lblUserDepartment" runat="server" FieldLabel="Department" Text="Departement 1" />
</ext:Anchor>
<ext:Anchor>
<ext:Label ID="lblUserSubDepartment" runat="server" FieldLabel="Sub Department" Text="Sub afdeling" />
</ext:Anchor>
<ext:Anchor>
<ext:Label ID="lblUserLocation" runat="server" FieldLabel="Location" Text="Locatie" />
</ext:Anchor>
</ext:FormLayout>
</Body>
</ext:Panel>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth=".19">
<ext:Panel ID="Panel6" runat="server" Border="false">
<Body>
<ext:FormLayout ID="FormLayout4" runat="server" LabelStyle="font-weight:bold;" LabelWidth="80">
<ext:Anchor>
<ext:Label ID="lblUserBuilding" runat="server" FieldLabel="Building" Text="Gebouw" />
</ext:Anchor>
<ext:Anchor>
<ext:Label ID="lblUserFloor" runat="server" FieldLabel="Floor" Text="Verdieping" />
</ext:Anchor>
<ext:Anchor>
<ext:Label ID="lblUserOffice" runat="server" FieldLabel="Office" Text="Kantoor" />
</ext:Anchor>
</ext:FormLayout>
</Body>
</ext:Panel>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth=".15">
<ext:Panel ID="Panel7" runat="server" Border="false" LabelStyle="font-weight:bold;" >
<Body>
<ext:FormLayout ID="FormLayout5" runat="server" LabelStyle="font-weight:bold;" LabelWidth="120">
<ext:Anchor>
<ext:Label ID="lblUserGender" runat="server" FieldLabel="Gender" Text="M" />
</ext:Anchor>
<ext:Anchor>
<ext:CheckBox ID="chkUserEHBO" runat="server" FieldLabel="EHBO" Checked="false" />
</ext:Anchor>
<ext:Anchor>
<ext:CheckBox ID="chkUserFireIntervention" runat="server" FieldLabel="Fire Intervention" Checked="True" />
</ext:Anchor>
</ext:FormLayout>
</Body>
</ext:Panel>
</ext:LayoutColumn>
</ext:ColumnLayout>
</Body>
</ext:FormPanel>
<ext:Portal ID="PortalMain" runat="server" Border="false">
<Body>
<ext:ColumnLayout runat="server">
<ext:LayoutColumn ColumnWidth=".33">
<ext:PortalColumn runat="server" StyleSpec="padding:10px 0 10px 10px">
<Defaults>
<ext:Parameter Name="anchor" Value="98%" />
</Defaults>
<Body>
<ext:AnchorLayout runat="server">
<ext:Anchor>
<ext:Portlet ID="Portlet1" runat="server" Title="Photo">
<Body>
<ext:Image ID="imgUserPhoto" runat="server" ImageUrl="~/img/stijn.jpg" />
</Body>
</ext:Portlet>
</ext:Anchor>
<ext:Anchor>
<ext:Portlet ID="Portlet2" runat="server" Title="Private info">
<Body>
<ext:FormPanel id="FormPanel3" runat="server">
<Body>
<ext:FormLayout ID="FormLayout7" runat="server" LabelStyle="font-weight:bold;" LabelWidth="80">
<ext:Anchor>
<ext:Label ID="lblPrivatePhone" runat="server" FieldLabel="Phone" Text="/" />
</ext:Anchor>
<ext:Anchor>
<ext:Label ID="lblPrivateMobile" runat="server" FieldLabel="Mobile" Text="/" />
</ext:Anchor>
<ext:Anchor>
<ext:Label ID="lblPrivateEmail" runat="server" FieldLabel="Email" Text="email@email.com" />
</ext:Anchor>
<ext:Anchor>
<ext:Label ID="lblPrivateBirthDate" runat="server" FieldLabel="Birth Date" Text="23/02/1980" />
</ext:Anchor>
<ext:Anchor>
<ext:Label ID="lblPrivateAddress" runat="server" FieldLabel="Address" Text="Straat 123" />
</ext:Anchor>
<ext:Anchor>
<ext:Label ID="lblPrivatePartner" runat="server" FieldLabel="Partner" Text="Sarah Stoop" />
</ext:Anchor>
<ext:Anchor>
<ext:Label ID="lblPrivateChilds" runat="server" FieldLabel="Childs" Text="3" />
</ext:Anchor>
<ext:Anchor>
<ext:Label ID="lblPrivateHobby" runat="server" FieldLabel="Hobby" Text="Voetballen, tenissen, Voetballen, tenissen" />
</ext:Anchor>
</ext:FormLayout>
</Body>
</ext:FormPanel>
</Body>
</ext:Portlet>
</ext:Anchor>
</ext:AnchorLayout>
</Body>
</ext:PortalColumn>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth=".33">
<ext:PortalColumn ID="PortalColumn2" runat="server" StyleSpec="padding:10px 0 10px 10px">
<Defaults>
<ext:Parameter Name="anchor" Value="98%" />
</Defaults>
<Body>
<ext:AnchorLayout ID="AnchorLayout2" runat="server">
<ext:Anchor>
<ext:Portlet ID="Portlet5" runat="server" Title="Professional" BodyStyle="padding:0px;">
<Body>
<ext:FitLayout ID="FitLayoutProfessional" runat="server" >
<ext:TabPanel ID="TabPanelProfessional" runat="server" Height="120" Border="false">
<Tabs>
<ext:Tab id="TabProfessionalMain" runat="server" Title="Main">
<Body>
<ext:FormPanel id="FormPanelProfessional" runat="server" LabelWidth="100">
<Body>
<ext:FormLayout ID="FormLayoutProfessional" runat="server" LabelStyle="font-weight:bold;">
<ext:Anchor>
<ext:Label ID="lblProfessionalAssistant" runat="server" FieldLabel="Assistant" Text="Assistent" />
</ext:Anchor>
<ext:Anchor>
<ext:Label ID="lblProfessionalContactPerson" runat="server" FieldLabel="Contact Person" Text="Contact persoon" />
</ext:Anchor>
<ext:Anchor>
<ext:Label ID="lblProfessionalRapportTo" runat="server" FieldLabel="Rapporting to" Text="Iemand" />
</ext:Anchor>
</ext:FormLayout>
</Body>
</ext:FormPanel>
</Body>
</ext:Tab>
<ext:Tab ID="TabProfessionalTasks" runat="server" Title="Tasks" BodyStyle="padding:0px;" >
<Body>
<ext:FitLayout ID="FitLayout3" runat="server">
<ext:GridPanel ID="GridPanelProfessionalTask" runat="server" StoreID="StoreProfessionalTask" AutoExpandColumn="Task" BodyStyle="padding:0px;" >
<ColumnModel ID="ColumnModelProfessionalTask">
<Columns>
<ext:Column DataIndex="Task" Header="Task" ColumnID="Task" />
</Columns>
</ColumnModel>
</ext:GridPanel>
</ext:FitLayout>
</Body>
</ext:Tab>
<ext:Tab ID="TabProfessionalColleagues" runat="server" Title="Colleagues" BodyStyle="padding:0px;" >
<Body>
<ext:FitLayout ID="FitLayout4" runat="server">
<ext:GridPanel ID="GridPanelProfessionalColleagues" runat="server" StoreID="StoreProfessionalColleague" AutoExpandColumn="Name" BodyStyle="padding:0px;" >
<ColumnModel ID="ColumnModel1">
<Columns>
<ext:Column DataIndex="Name" Header="Name" ColumnID="Name" />
</Columns>
</ColumnModel>
</ext:GridPanel>
</ext:FitLayout>
</Body>
</ext:Tab>
</Tabs>
</ext:TabPanel>
</ext:FitLayout>
</Body>
</ext:Portlet>
</ext:Anchor>
<ext:Anchor>
<ext:Portlet runat="server" Title="IT related info" BodyStyle="padding:0px;">
<Body>
<ext:TabPanel runat="server" ActiveTabIndex="0" Height="120" BodyStyle="padding:0px;" Border="false">
<Tabs>
<ext:Tab ID="TabITMain" runat="server" Title="Main">
<Body>
<ext:FormPanel ID="FormPanel4" runat="server" BodyStyle="padding:0px;" Border="false" LabelWidth="100">
<Body>
<ext:FormLayout ID="FormLayout8" runat="server" LabelStyle="font-weight:bold;">
<ext:Anchor Horizontal="100%">
<ext:Label ID="lblITUserName" FieldLabel="NT Username" runat="server" Text="BE\opstalst" />
</ext:Anchor>
<ext:Anchor Horizontal="100%">
<ext:Label ID="lblITPC" FieldLabel="PC" runat="server" Text="BEMBKWN104390" />
</ext:Anchor>
<ext:Anchor Horizontal="100%">
<ext:Label ID="lblITIP" FieldLabel="IP" runat="server" Text="2.32.18.102" />
</ext:Anchor>
</ext:FormLayout>
</Body>
</ext:FormPanel>
</Body>
</ext:Tab>
<ext:Tab ID="TabITRoles" runat="server" Title="Roles" BodyStyle="padding:0px;">
<Body>
<ext:FitLayout ID="FitLayout5" runat="server">
<ext:GridPanel ID="GridPanelITRoles" runat="server" StoreID="StoreITRoles" AutoExpandColumn="ApplicationName" BodyStyle="padding:0px;" Border="false">
<ColumnModel>
<Columns>
<ext:Column DataIndex="ApplicationName" ColumnID="ApplicationName" Header="Application" />
<ext:Column DataIndex="ApplicationRole" Header="Role" />
</Columns>
</ColumnModel>
</ext:GridPanel>
</ext:FitLayout>
</Body>
</ext:Tab>
</Tabs>
</ext:TabPanel>
</Body>
</ext:Portlet>
</ext:Anchor>
<ext:Anchor>
<ext:Portlet runat="server" Title="Absence" Collapsed="true">
<Body>
<ext:FormPanel runat="server" BodyStyle="padding:0px;" Border="false" LabelWidth="100">
<Body>
<ext:FormLayout runat="server" LabelStyle="font-weight:bold;">
<ext:Anchor>
<ext:Checkbox ID="chkAbsence" runat="server" FieldLabel="Absence" Checked="true" />
</ext:Anchor>
</ext:FormLayout>
</body>
</ext:FormPanel>
</Body>
</ext:Portlet>
</ext:Anchor>
<ext:Anchor>
<ext:Portlet runat="server" Title="Favourite Sites" BodyStyle="padding:0px;" Collapsed="true">
<Body>
<ext:FitLayout runat="server">
<ext:GridPanel ID="GridPanelFavouriteSite" runat="server" StoreID="StoreFavouriteSite" AutoExpandColumn="SiteName" BodyStyle="padding:0px;" Border="false" Height="100">
<ColumnModel>
<Columns>
<ext:Column DataIndex="SiteName" ColumnID="SiteName" Header="Site" />
</Columns>
</ColumnModel>
</ext:GridPanel>
</ext:FitLayout>
</Body>
</ext:Portlet>
</ext:Anchor>
</ext:AnchorLayout>
</Body>
</ext:PortalColumn>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth=".33">
<ext:PortalColumn runat="server" StyleSpec="padding:10px 0 10px 10px">
<Defaults>
<ext:Parameter Name="anchor" Value="98%" />
</Defaults>
<Body>
<ext:AnchorLayout runat="server">
<ext:Anchor>
<ext:Portlet ID="Portlet8" runat="server" Title="HR">
<Body>
<ext:FormPanel id="FormPanel2" runat="server">
<Body>
<ext:FormLayout ID="FormLayout6" runat="server" LabelStyle="font-weight:bold;" LabelWidth="120">
<ext:Anchor>
<ext:Label ID="lblHREmployeeNr" runat="server" FieldLabel="Employee Nø" Text="123" />
</ext:Anchor>
<ext:Anchor>
<ext:Label ID="lblHRCostCenter" runat="server" FieldLabel="Cost Center" Text="kostenplaats" />
</ext:Anchor>
<ext:Anchor>
<ext:Label ID="lblHRRecruitmentDate" runat="server" FieldLabel="Recruitment Date" Text="01/08/2008" />
</ext:Anchor>
</ext:FormLayout>
</Body>
</ext:FormPanel>
</Body>
</ext:Portlet>
</ext:Anchor>
<ext:Anchor>
<ext:Portlet runat="server" Title="Geographical Location" Collapsed="true">
<Body>
<ext:Image ID="imgGrondplan" runat="server" ImageUrl="~/img/Grondplan/grondplan1.gif" />
</Body>
</ext:Portlet>
</ext:Anchor>
<ext:Anchor>
<ext:Portlet runat="server" Title="Organization" Collapsed="true">
<Body>
<ext:Image ID="imgOrganization" runat="server" ImageUrl="~/img/Organization/organization1.bmp" />
</Body>
</ext:Portlet>
</ext:Anchor>
<ext:Anchor>
<ext:Portlet ID="Portlet6" runat="server" Title="Brands / Logo's" Cls="images-view" StyleSpec="padding-bottom:10px" Collapsed="true">
<Body>
<ext:FitLayout runat="server">
<ext:DataView
runat="server"
StoreID="StoreLogo"
MultiSelect="false"
ItemSelector="div.thumb-wrap"
EmptyText="No images to display"
Height="100"
>
<Template runat="server">
<tpl for=".">
<div class="thumb-wrap" id="{name}">
<div class="thumb"><img src="{url}" title="{name}" alt="">
</tpl>
<div class="x-clear">
</Template>
</ext:DataView>
</ext:FitLayout>
</Body>
<BottomBar>
<ext:PagingToolbar runat="server" PageSize="3" StoreID="StoreLogo" />
</BottomBar>
</ext:Portlet>
</ext:Anchor>
<ext:Anchor>
<ext:Portlet ID="Portlet4" runat="server" Title="Photo Gallery" Cls="images-view" StyleSpec="padding-bottom:10px" Collapsed="true">
<Body>
<ext:FitLayout ID="FitLayout7" runat="server">
<ext:DataView runat="server" StoreID="StorePhotoGallery"
ItemSelector="div.thumb-wrap"
EmptyText="No images to display"
Height="100"
>
<Template runat="server">
<tpl for=".">
<div class="thumb-wrap" id="Div1">
<div class="thumb"><img src="{url}" title="{name}" alt="">
</tpl>
<div class="x-clear">
</Template>
</ext:DataView>
</ext:FitLayout>
</Body>
<BottomBar>
<ext:PagingToolbar runat="server" PageSize="3" StoreID="StorePhotoGallery" />
</BottomBar>
</ext:Portlet>
</ext:Anchor>
</ext:AnchorLayout>
</Body>
</ext:PortalColumn>
</ext:LayoutColumn>
</ext:ColumnLayout>
</Body>
</ext:Portal>
</body>
</ext:Tab>
<ext:Tab ID="Tab1" runat="server" Title="Hans Jacobs" Closable="true" Border="false" HideMode="Visibility">
<Body>
<ext:FormPanel runat="server" Frame="true" Border="false">
<Body>
<ext:ColumnLayout runat="server">
<ext:LayoutColumn ColumnWidth=".20">
<ext:Panel ID="Panel9" runat="server" Border="false">
<Body>
<ext:FormLayout runat="server" LabelStyle="font-weight:bold;" LabelWidth="80">
<ext:Anchor>
<ext:Label ID="Label1" runat="server" FieldLabel="First Name" Text="Hans" />
</ext:Anchor>
<ext:Anchor>
<ext:Label ID="Label2" runat="server" FieldLabel="Surname" Text="Jacobs" />
</ext:Anchor>
<ext:Anchor>
<ext:Label ID="Label3" runat="server" FieldLabel="Phone" Text="03/444.44.33" />
</ext:Anchor>
</ext:FormLayout>
</Body>
</ext:Panel>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth=".23">
<ext:Panel runat="server" Border="false">
<Body>
<ext:FormLayout runat="server" LabelStyle="font-weight:bold;" LabelWidth="80">
<ext:Anchor>
<ext:Label ID="Label4" runat="server" FieldLabel="Mobile" Text="0476/68.23.23" />
</ext:Anchor>
<ext:Anchor>
<ext:Label ID="Label5" runat="server" FieldLabel="Email" Text="hans.jacobs@something.com" />
</ext:Anchor>
<ext:Anchor>
<ext:Label ID="Label6" runat="server" FieldLabel="Function" Text="Functie" />
</ext:Anchor>
</ext:FormLayout>
</Body>
</ext:Panel>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth=".23">
<ext:Panel ID="Panel11" runat="server" Border="false">
<Body>
<ext:FormLayout ID="FormLayout11" runat="server" LabelStyle="font-weight:bold;" LabelWidth="110">
<ext:Anchor>
<ext:Label ID="Label7" runat="server" FieldLabel="Department" Text="Departement 1" />
</ext:Anchor>
<ext:Anchor>
<ext:Label ID="Label8" runat="server" FieldLabel="Sub Department" Text="Sub afdeling" />
</ext:Anchor>
<ext:Anchor>
<ext:Label ID="Label9" runat="server" FieldLabel="Location" Text="Locatie" />
</ext:Anchor>
</ext:FormLayout>
</Body>
</ext:Panel>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth=".19">
<ext:Panel runat="server" Border="false">
<Body>
<ext:FormLayout runat="server" LabelStyle="font-weight:bold;" LabelWidth="80">
<ext:Anchor>
<ext:Label ID="Label10" runat="server" FieldLabel="Building" Text="Gebouw" />
</ext:Anchor>
<ext:Anchor>
<ext:Label ID="Label11" runat="server" FieldLabel="Floor" Text="Verdieping" />
</ext:Anchor>
<ext:Anchor>
<ext:Label ID="Label12" runat="server" FieldLabel="Office" Text="Kantoor" />
</ext:Anchor>
</ext:FormLayout>
</Body>
</ext:Panel>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth=".15">
<ext:Panel runat="server" Border="false" LabelStyle="font-weight:bold;" >
<Body>
<ext:FormLayout runat="server" LabelStyle="font-weight:bold;" LabelWidth="120">
<ext:Anchor>
<ext:Label ID="Label13" runat="server" FieldLabel="Gender" Text="M" />
</ext:Anchor>
<ext:Anchor>
<ext:CheckBox ID="CheckBox1" runat="server" FieldLabel="EHBO" Checked="true" />
</ext:Anchor>
<ext:Anchor>
<ext:CheckBox ID="CheckBox2" runat="server" FieldLabel="Fire Intervention" Checked="false" />
</ext:Anchor>
</ext:FormLayout>
</Body>
</ext:Panel>
</ext:LayoutColumn>
</ext:ColumnLayout>
</Body>
</ext:FormPanel>
<ext:Portal runat="server" Border="false">
<Body>
<ext:ColumnLayout ID="ColumnLayout1" runat="server">
<ext:LayoutColumn ColumnWidth=".33">
<ext:PortalColumn runat="server" StyleSpec="padding:10px 0 10px 10px">
<Defaults>
<ext:Parameter Name="anchor" Value="98%" />
</Defaults>
<Body>
<ext:AnchorLayout ID="AnchorLayout1" runat="server">
<ext:Anchor>
<ext:Portlet runat="server" Title="Photo">
<Body>
<ext:Image ID="Image1" runat="server" ImageUrl="~/img/hans.jpg" />
</Body>
</ext:Portlet>
</ext:Anchor>
<ext:Anchor>
<ext:Portlet runat="server" Title="Private info">
<Body>
<ext:FormPanel runat="server">
<Body>
<ext:FormLayout runat="server" LabelStyle="font-weight:bold;" LabelWidth="80">
<ext:Anchor>
<ext:Label ID="Label14" runat="server" FieldLabel="Phone" Text="/" />
</ext:Anchor>
<ext:Anchor>
<ext:Label ID="Label15" runat="server" FieldLabel="Mobile" Text="/" />
</ext:Anchor>
<ext:Anchor>
<ext:Label ID="Label16" runat="server" FieldLabel="Email" Text="email@email.com" />
</ext:Anchor>
<ext:Anchor>
<ext:Label ID="Label17" runat="server" FieldLabel="Birth Date" Text="27/05/1983" />
</ext:Anchor>
<ext:Anchor>
<ext:Label ID="Label18" runat="server" FieldLabel="Address" Text="Kastanjelaan 45" />
</ext:Anchor>
<ext:Anchor>
<ext:Label ID="Label19" runat="server" FieldLabel="Partner" Text="/" />
</ext:Anchor>
<ext:Anchor>
<ext:Label ID="Label20" runat="server" FieldLabel="Childs" Text="1" />
</ext:Anchor>
<ext:Anchor>
<ext:Label ID="Label21" runat="server" FieldLabel="Hobby" Text="Fitness" />
</ext:Anchor>
</ext:FormLayout>
</Body>
</ext:FormPanel>
</Body>
</ext:Portlet>
</ext:Anchor>
</ext:AnchorLayout>
</Body>
</ext:PortalColumn>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth=".33">
<ext:PortalColumn runat="server" StyleSpec="padding:10px 0 10px 10px">
<Defaults>
<ext:Parameter Name="anchor" Value="98%" />
</Defaults>
<Body>
<ext:AnchorLayout runat="server">
<ext:Anchor>
<ext:Portlet runat="server" Title="Professional" BodyStyle="padding:0px;">
<Body>
<ext:FitLayout runat="server" >
<ext:TabPanel runat="server" Height="120" Border="false">
<Tabs>
<ext:Tab runat="server" Title="Main">
<Body>
<ext:FormPanel runat="server" LabelWidth="100">
<Body>
<ext:FormLayout runat="server" LabelStyle="font-weight:bold;">
<ext:Anchor>
<ext:Label ID="Label22" runat="server" FieldLabel="Assistant" Text="Assistent" />
</ext:Anchor>
<ext:Anchor>
<ext:Label ID="Label23" runat="server" FieldLabel="Contact Person" Text="Contact persoon" />
</ext:Anchor>
<ext:Anchor>
<ext:Label ID="Label24" runat="server" FieldLabel="Rapporting to" Text="Iemand" />
</ext:Anchor>
</ext:FormLayout>
</Body>
</ext:FormPanel>
</Body>
</ext:Tab>
<ext:Tab runat="server" Title="Tasks" BodyStyle="padding:0px;" >
<Body>
<ext:FitLayout runat="server">
<ext:GridPanel runat="server" StoreID="StoreProfessionalTask" AutoExpandColumn="Task" BodyStyle="padding:0px;" >
<ColumnModel >
<Columns>
<ext:Column DataIndex="Task" Header="Task" ColumnID="Task" />
</Columns>
</ColumnModel>
</ext:GridPanel>
</ext:FitLayout>
</Body>
</ext:Tab>
<ext:Tab runat="server" Title="Colleagues" BodyStyle="padding:0px;" >
<Body>
<ext:FitLayout runat="server">
<ext:GridPanel runat="server" StoreID="StoreProfessionalColleague" AutoExpandColumn="Name" BodyStyle="padding:0px;" >
<ColumnModel >
<Columns>
<ext:Column DataIndex="Name" Header="Name" ColumnID="Name" />
</Columns>
</ColumnModel>
</ext:GridPanel>
</ext:FitLayout>
</Body>
</ext:Tab>
</Tabs>
</ext:TabPanel>
</ext:FitLayout>
</Body>
</ext:Portlet>
</ext:Anchor>
<ext:Anchor>
<ext:Portlet runat="server" Title="IT related info" BodyStyle="padding:0px;">
<Body>
<ext:TabPanel runat="server" ActiveTabIndex="0" Height="120" BodyStyle="padding:0px;" Border="false">
<Tabs>
<ext:Tab runat="server" Title="Main">
<Body>
<ext:FormPanel runat="server" BodyStyle="padding:0px;" Border="false" LabelWidth="100">
<Body>
<ext:FormLayout runat="server" LabelStyle="font-weight:bold;">
<ext:Anchor Horizontal="100%">
<ext:Label FieldLabel="NT Username" runat="server" Text="BE\opstalst" />
</ext:Anchor>
<ext:Anchor Horizontal="100%">
<ext:Label FieldLabel="PC" runat="server" Text="BEMBKWN104390" />
</ext:Anchor>
<ext:Anchor Horizontal="100%">
<ext:Label FieldLabel="IP" runat="server" Text="2.32.18.102" />
</ext:Anchor>
</ext:FormLayout>
</Body>
</ext:FormPanel>
</Body>
</ext:Tab>
<ext:Tab runat="server" Title="Roles" BodyStyle="padding:0px;">
<Body>
<ext:FitLayout runat="server">
<ext:GridPanel runat="server" StoreID="StoreITRoles" AutoExpandColumn="ApplicationName" BodyStyle="padding:0px;" Border="false">
<ColumnModel>
<Columns>
<ext:Column DataIndex="ApplicationName" ColumnID="ApplicationName" Header="Application" />
<ext:Column DataIndex="ApplicationRole" Header="Role" />
</Columns>
</ColumnModel>
</ext:GridPanel>
</ext:FitLayout>
</Body>
</ext:Tab>
</Tabs>
</ext:TabPanel>
</Body>
</ext:Portlet>
</ext:Anchor>
<ext:Anchor>
<ext:Portlet runat="server" Title="Absence" Collapsed="true">
<Body>
<ext:FormPanel runat="server" BodyStyle="padding:0px;" Border="false" LabelWidth="100">
<Body>
<ext:FormLayout runat="server" LabelStyle="font-weight:bold;">
<ext:Anchor>
<ext:Checkbox runat="server" FieldLabel="Absence" Checked="true" />
</ext:Anchor>
</ext:FormLayout>
</body>
</ext:FormPanel>
</Body>
</ext:Portlet>
</ext:Anchor>
<ext:Anchor>
<ext:Portlet runat="server" Title="Favourite Sites" BodyStyle="padding:0px;" Collapsed="true">
<Body>
<ext:FitLayout runat="server">
<ext:GridPanel runat="server" StoreID="StoreFavouriteSite" AutoExpandColumn="SiteName" BodyStyle="padding:0px;" Border="false" Height="100">
<ColumnModel>
<Columns>
<ext:Column DataIndex="SiteName" ColumnID="SiteName" Header="Site" />
</Columns>
</ColumnModel>
</ext:GridPanel>
</ext:FitLayout>
</Body>
</ext:Portlet>
</ext:Anchor>
</ext:AnchorLayout>
</Body>
</ext:PortalColumn>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth=".33">
<ext:PortalColumn runat="server" StyleSpec="padding:10px 0 10px 10px">
<Defaults>
<ext:Parameter Name="anchor" Value="98%" />
</Defaults>
<Body>
<ext:AnchorLayout runat="server">
<ext:Anchor>
<ext:Portlet runat="server" Title="HR">
<Body>
<ext:FormPanel runat="server">
<Body>
<ext:FormLayout runat="server" LabelStyle="font-weight:bold;" LabelWidth="120">
<ext:Anchor>
<ext:Label ID="Label28" runat="server" FieldLabel="Employee Nø" Text="123" />
</ext:Anchor>
<ext:Anchor>
<ext:Label ID="Label29" runat="server" FieldLabel="Cost Center" Text="kostenplaats" />
</ext:Anchor>
<ext:Anchor>
<ext:Label ID="Label30" runat="server" FieldLabel="Recruitment Date" Text="01/08/2008" />
</ext:Anchor>
</ext:FormLayout>
</Body>
</ext:FormPanel>
</Body>
</ext:Portlet>
</ext:Anchor>
<ext:Anchor>
<ext:Portlet runat="server" Title="Geographical Location" Collapsed="true">
<Body>
<ext:Image ID="Image2" runat="server" ImageUrl="~/img/Grondplan/grondplan2.gif" />
</Body>
</ext:Portlet>
</ext:Anchor>
<ext:Anchor>
<ext:Portlet runat="server" Title="Organization" Collapsed="true">
<Body>
<ext:Image ID="Image3" runat="server" ImageUrl="~/img/Organization/organization2.bmp" />
</Body>
</ext:Portlet>
</ext:Anchor>
<ext:Anchor>
<ext:Portlet runat="server" Title="Brands / Logo's" Cls="images-view" StyleSpec="padding-bottom:10px" Collapsed="true">
<Body>
<ext:FitLayout runat="server">
<ext:DataView ID="DataViewLogo1"
runat="server"
StoreID="StoreLogo"
MultiSelect="false"
ItemSelector="div.thumb-wrap"
EmptyText="No images to display"
Height="100"
>
<Template runat="server">
<tpl for=".">
<div class="thumb-wrap" id="Div3">
<div class="thumb"><img src="{url}" title="{name}" alt="">
</tpl>
<div class="x-clear">
</Template>
</ext:DataView>
</ext:FitLayout>
</Body>
<BottomBar>
<ext:PagingToolbar runat="server" PageSize="3" StoreID="StoreLogo" />
</BottomBar>
</ext:Portlet>
</ext:Anchor>
<ext:Anchor>
<ext:Portlet runat="server" Title="Photo Gallery" Cls="images-view" StyleSpec="padding-bottom:10px" Collapsed="true">
<Body>
<ext:FitLayout runat="server">
<ext:DataView ID="DataViewPhotoGallery1" runat="server" StoreID="StorePhotoGallery"
ItemSelector="div.thumb-wrap"
EmptyText="No images to display"
Height="100"
>
<Template ID="Template3" runat="server">
<tpl for=".">
<div class="thumb-wrap" id="Div4">
<div class="thumb"><img src="{url}" title="{name}" alt="">
</tpl>
<div class="x-clear">
</Template>
</ext:DataView>
</ext:FitLayout>
</Body>
<BottomBar>
<ext:PagingToolbar runat="server" PageSize="3" StoreID="StorePhotoGallery" />
</BottomBar>
</ext:Portlet>
</ext:Anchor>
</ext:AnchorLayout>
</Body>
</ext:PortalColumn>
</ext:LayoutColumn>
</ext:ColumnLayout>
</body>
</ext:Portal>
</Body>
</ext:Tab>
<ext:Tab ID="Tab2" runat="server" Title="Ellen De Bie" Closable="true" Border="false" HideMode="Display">
<Body>
<ext:FormPanel runat="server" Frame="true" Border="false">
<Body>
<ext:ColumnLayout ID="ColumnLayout3" runat="server">
<ext:LayoutColumn ColumnWidth=".20">
<ext:Panel ID="Panel10" runat="server" Border="false">
<Body>
<ext:FormLayout ID="FormLayout1" runat="server" LabelStyle="font-weight:bold;" LabelWidth="80">
<ext:Anchor>
<ext:Label ID="Label31" runat="server" FieldLabel="First Name" Text="Ellen" />
</ext:Anchor>
<ext:Anchor>
<ext:Label ID="Label32" runat="server" FieldLabel="Surname" Text="De Bie" />
</ext:Anchor>
<ext:Anchor>
<ext:Label ID="Label33" runat="server" FieldLabel="Phone" Text="03/569.00.33" />
</ext:Anchor>
</ext:FormLayout>
</Body>
</ext:Panel>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth=".23">
<ext:Panel ID="Panel12" runat="server" Border="false">
<Body>
<ext:FormLayout ID="FormLayout9" runat="server" LabelStyle="font-weight:bold;" LabelWidth="80">
<ext:Anchor>
<ext:Label ID="Label34" runat="server" FieldLabel="Mobile" Text="0479/78.36.23" />
</ext:Anchor>
<ext:Anchor>
<ext:Label ID="Label35" runat="server" FieldLabel="Email" Text="ellen.debie@something.com" />
</ext:Anchor>
<ext:Anchor>
<ext:Label ID="Label36" runat="server" FieldLabel="Function" Text="Functie" />
</ext:Anchor>
</ext:FormLayout>
</Body>
</ext:Panel>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth=".23">
<ext:Panel ID="Panel13" runat="server" Border="false">
<Body>
<ext:FormLayout ID="FormLayout12" runat="server" LabelStyle="font-weight:bold;" LabelWidth="110">
<ext:Anchor>
<ext:Label ID="Label37" runat="server" FieldLabel="Department" Text="Departement 1" />
</ext:Anchor>
<ext:Anchor>
<ext:Label ID="Label38" runat="server" FieldLabel="Sub Department" Text="Sub afdeling" />
</ext:Anchor>
<ext:Anchor>
<ext:Label ID="Label39" runat="server" FieldLabel="Location" Text="Locatie" />
</ext:Anchor>
</ext:FormLayout>
</Body>
</ext:Panel>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth=".19">
<ext:Panel ID="Panel14" runat="server" Border="false">
<Body>
<ext:FormLayout ID="FormLayout13" runat="server" LabelStyle="font-weight:bold;" LabelWidth="80">
<ext:Anchor>
<ext:Label ID="Label40" runat="server" FieldLabel="Building" Text="Gebouw" />
</ext:Anchor>
<ext:Anchor>
<ext:Label ID="Label41" runat="server" FieldLabel="Floor" Text="Verdieping" />
</ext:Anchor>
<ext:Anchor>
<ext:Label ID="Label42" runat="server" FieldLabel="Office" Text="Kantoor" />
</ext:Anchor>
</ext:FormLayout>
</Body>
</ext:Panel>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth=".15">
<ext:Panel ID="Panel15" runat="server" Border="false" LabelStyle="font-weight:bold;" >
<Body>
<ext:FormLayout ID="FormLayout14" runat="server" LabelStyle="font-weight:bold;" LabelWidth="120">
<ext:Anchor>
<ext:Label ID="Label43" runat="server" FieldLabel="Gender" Text="M" />
</ext:Anchor>
<ext:Anchor>
<ext:CheckBox ID="CheckBox4" runat="server" FieldLabel="EHBO" Checked="true" />
</ext:Anchor>
<ext:Anchor>
<ext:CheckBox ID="CheckBox5" runat="server" FieldLabel="Fire Intervention" Checked="true" />
</ext:Anchor>
</ext:FormLayout>
</Body>
</ext:Panel>
</ext:LayoutColumn>
</ext:ColumnLayout>
</Body>
</ext:FormPanel>
<ext:Portal ID="Portal1" runat="server" Border="false">
<Body>
<ext:ColumnLayout ID="ColumnLayout4" runat="server">
<ext:LayoutColumn ColumnWidth=".33">
<ext:PortalColumn ID="PortalColumn3" runat="server" StyleSpec="padding:10px 0 10px 10px">
<Defaults>
<ext:Parameter Name="anchor" Value="98%" />
</Defaults>
<Body>
<ext:AnchorLayout ID="AnchorLayout3" runat="server">
<ext:Anchor>
<ext:Portlet ID="Portlet3" runat="server" Title="Photo">
<Body>
<ext:Image ID="Image4" runat="server" ImageUrl="~/img/ellen.jpg" />
</Body>
</ext:Portlet>
</ext:Anchor>
<ext:Anchor>
<ext:Portlet ID="Portlet7" runat="server" Title="Private info">
<Body>
<ext:FormPanel ID="FormPanel5" runat="server">
<Body>
<ext:FormLayout ID="FormLayout15" runat="server" LabelStyle="font-weight:bold;" LabelWidth="80">
<ext:Anchor>
<ext:Label ID="Label44" runat="server" FieldLabel="Phone" Text="/" />
</ext:Anchor>
<ext:Anchor>
<ext:Label ID="Label45" runat="server" FieldLabel="Mobile" Text="/" />
</ext:Anchor>
<ext:Anchor>
<ext:Label ID="Label46" runat="server" FieldLabel="Email" Text="email@email.com" />
</ext:Anchor>
<ext:Anchor>
<ext:Label ID="Label47" runat="server" FieldLabel="Birth Date" Text="10/10/1985" />
</ext:Anchor>
<ext:Anchor>
<ext:Label ID="Label48" runat="server" FieldLabel="Address" Text="Abtsdreef 34" />
</ext:Anchor>
<ext:Anchor>
<ext:Label ID="Label49" runat="server" FieldLabel="Partner" Text="/" />
</ext:Anchor>
<ext:Anchor>
<ext:Label ID="Label50" runat="server" FieldLabel="Childs" Text="0" />
</ext:Anchor>
<ext:Anchor>
<ext:Label ID="Label51" runat="server" FieldLabel="Hobby" Text="Fitness, Paardrijden" />
</ext:Anchor>
</ext:FormLayout>
</Body>
</ext:FormPanel>
</Body>
</ext:Portlet>
</ext:Anchor>
</ext:AnchorLayout>
</Body>
</ext:PortalColumn>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth=".33">
<ext:PortalColumn ID="PortalColumn4" runat="server" StyleSpec="padding:10px 0 10px 10px">
<Defaults>
<ext:Parameter Name="anchor" Value="98%" />
</Defaults>
<Body>
<ext:AnchorLayout ID="AnchorLayout4" runat="server">
<ext:Anchor>
<ext:Portlet ID="Portlet9" runat="server" Title="Professional" BodyStyle="padding:0px;">
<Body>
<ext:FitLayout ID="FitLayout1" runat="server" >
<ext:TabPanel ID="TabPanel2" runat="server" Height="120" Border="false">
<Tabs>
<ext:Tab ID="Tab3" runat="server" Title="Main">
<Body>
<ext:FormPanel runat="server" LabelWidth="100">
<Body>
<ext:FormLayout runat="server" LabelStyle="font-weight:bold;">
<ext:Anchor>
<ext:Label runat="server" FieldLabel="Assistant" Text="Assistent" />
</ext:Anchor>
<ext:Anchor>
<ext:Label runat="server" FieldLabel="Contact Person" Text="Contact persoon" />
</ext:Anchor>
<ext:Anchor>
<ext:Label runat="server" FieldLabel="Rapporting to" Text="Iemand" />
</ext:Anchor>
</ext:FormLayout>
</Body>
</ext:FormPanel>
</Body>
</ext:Tab>
<ext:Tab runat="server" Title="Tasks" BodyStyle="padding:0px;" >
<Body>
<ext:FitLayout runat="server">
<ext:GridPanel runat="server" StoreID="StoreProfessionalTask" AutoExpandColumn="Task" BodyStyle="padding:0px;" >
<ColumnModel >
<Columns>
<ext:Column DataIndex="Task" Header="Task" ColumnID="Task" />
</Columns>
</ColumnModel>
</ext:GridPanel>
</ext:FitLayout>
</Body>
</ext:Tab>
<ext:Tab runat="server" Title="Colleagues" BodyStyle="padding:0px;" >
<Body>
<ext:FitLayout runat="server">
<ext:GridPanel runat="server" StoreID="StoreProfessionalColleague" AutoExpandColumn="Name" BodyStyle="padding:0px;" >
<ColumnModel >
<Columns>
<ext:Column DataIndex="Name" Header="Name" ColumnID="Name" />
</Columns>
</ColumnModel>
</ext:GridPanel>
</ext:FitLayout>
</Body>
</ext:Tab>
</Tabs>
</ext:TabPanel>
</ext:FitLayout>
</Body>
</ext:Portlet>
</ext:Anchor>
<ext:Anchor>
<ext:Portlet runat="server" Title="IT related info" BodyStyle="padding:0px;">
<Body>
<ext:TabPanel runat="server" ActiveTabIndex="0" Height="120" BodyStyle="padding:0px;" Border="false">
<Tabs>
<ext:Tab runat="server" Title="Main">
<Body>
<ext:FormPanel runat="server" BodyStyle="padding:0px;" Border="false" LabelWidth="100">
<Body>
<ext:FormLayout runat="server" LabelStyle="font-weight:bold;">
<ext:Anchor Horizontal="100%">
<ext:Label FieldLabel="NT Username" runat="server" Text="BE\opstalst" />
</ext:Anchor>
<ext:Anchor Horizontal="100%">
<ext:Label FieldLabel="PC" runat="server" Text="BEMBKWN104390" />
</ext:Anchor>
<ext:Anchor Horizontal="100%">
<ext:Label FieldLabel="IP" runat="server" Text="2.32.18.102" />
</ext:Anchor>
</ext:FormLayout>
</Body>
</ext:FormPanel>
</Body>
</ext:Tab>
<ext:Tab runat="server" Title="Roles" BodyStyle="padding:0px;">
<Body>
<ext:FitLayout runat="server">
<ext:GridPanel runat="server" StoreID="StoreITRoles" AutoExpandColumn="ApplicationName" BodyStyle="padding:0px;" Border="false">
<ColumnModel>
<Columns>
<ext:Column DataIndex="ApplicationName" ColumnID="ApplicationName" Header="Application" />
<ext:Column DataIndex="ApplicationRole" Header="Role" />
</Columns>
</ColumnModel>
</ext:GridPanel>
</ext:FitLayout>
</Body>
</ext:Tab>
</Tabs>
</ext:TabPanel>
</Body>
</ext:Portlet>
</ext:Anchor>
<ext:Anchor>
<ext:Portlet runat="server" Title="Absence" Collapsed="true">
<Body>
<ext:FormPanel runat="server" BodyStyle="padding:0px;" Border="false" LabelWidth="100">
<Body>
<ext:FormLayout runat="server" LabelStyle="font-weight:bold;">
<ext:Anchor>
<ext:Checkbox runat="server" FieldLabel="Absence" Checked="true" />
</ext:Anchor>
</ext:FormLayout>
</body>
</ext:FormPanel>
</Body>
</ext:Portlet>
</ext:Anchor>
<ext:Anchor>
<ext:Portlet runat="server" Title="Favourite Sites" BodyStyle="padding:0px;" Collapsed="true">
<Body>
<ext:FitLayout runat="server">
<ext:GridPanel runat="server" StoreID="StoreFavouriteSite" AutoExpandColumn="SiteName" BodyStyle="padding:0px;" Border="false" Height="100">
<ColumnModel>
<Columns>
<ext:Column DataIndex="SiteName" ColumnID="SiteName" Header="Site" />
</Columns>
</ColumnModel>
</ext:GridPanel>
</ext:FitLayout>
</Body>
</ext:Portlet>
</ext:Anchor>
</ext:AnchorLayout>
</Body>
</ext:PortalColumn>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth=".33">
<ext:PortalColumn runat="server" StyleSpec="padding:10px 0 10px 10px">
<Defaults>
<ext:Parameter Name="anchor" Value="98%" />
</Defaults>
<Body>
<ext:AnchorLayout runat="server">
<ext:Anchor>
<ext:Portlet runat="server" Title="HR">
<Body>
<ext:FormPanel runat="server">
<Body>
<ext:FormLayout runat="server" LabelStyle="font-weight:bold;" LabelWidth="120">
<ext:Anchor>
<ext:Label runat="server" FieldLabel="Employee Nø" Text="123" />
</ext:Anchor>
<ext:Anchor>
<ext:Label runat="server" FieldLabel="Cost Center" Text="kostenplaats" />
</ext:Anchor>
<ext:Anchor>
<ext:Label runat="server" FieldLabel="Recruitment Date" Text="01/08/2008" />
</ext:Anchor>
</ext:FormLayout>
</Body>
</ext:FormPanel>
</Body>
</ext:Portlet>
</ext:Anchor>
<ext:Anchor>
<ext:Portlet runat="server" Title="Geographical Location" Collapsed="true">
<Body>
<ext:Image runat="server" ImageUrl="~/img/Grondplan/grondplan3.gif" />
</Body>
</ext:Portlet>
</ext:Anchor>
<ext:Anchor>
<ext:Portlet runat="server" Title="Organization" Collapsed="true">
<Body>
<ext:Image runat="server" ImageUrl="~/img/Organization/organization3.bmp" />
</Body>
</ext:Portlet>
</ext:Anchor>
<ext:Anchor>
<ext:Portlet runat="server" Title="Brands / Logo's" Cls="images-view" StyleSpec="padding-bottom:10px" Collapsed="true">
<Body>
<ext:FitLayout runat="server">
<ext:DataView runat="server"
StoreID="StoreLogo"
MultiSelect="false"
ItemSelector="div.thumb-wrap"
EmptyText="No images to display"
Height="100"
>
<Template runat="server">
<tpl for=".">
<div class="thumb-wrap" id="Div3">
<div class="thumb"><img src="{url}" title="{name}" alt="">
</tpl>
<div class="x-clear">
</Template>
</ext:DataView>
</ext:FitLayout>
</Body>
<BottomBar>
<ext:PagingToolbar runat="server" PageSize="3" StoreID="StoreLogo" />
</BottomBar>
</ext:Portlet>
</ext:Anchor>
<ext:Anchor>
<ext:Portlet runat="server" Title="Photo Gallery" Cls="images-view" StyleSpec="padding-bottom:10px" Collapsed="true">
<Body>
<ext:FitLayout runat="server">
<ext:DataView runat="server" StoreID="StorePhotoGallery"
ItemSelector="div.thumb-wrap"
EmptyText="No images to display"
Height="100"
>
<Template runat="server">
<tpl for=".">
<div class="thumb-wrap" id="Div4">
<div class="thumb"><img src="{url}" title="{name}" alt="">
</tpl>
<div class="x-clear">
</Template>
</ext:DataView>
</ext:FitLayout>
</Body>
<BottomBar>
<ext:PagingToolbar runat="server" PageSize="3" StoreID="StorePhotoGallery" />
</BottomBar>
</ext:Portlet>
</ext:Anchor>
</ext:AnchorLayout>
</Body>
</ext:PortalColumn>
</ext:LayoutColumn>
</ext:ColumnLayout>
</body>
</ext:Portal>
</Body>
</ext:Tab>
</Tabs>
</ext:TabPanel>
Thanx!