Welcome Guest Search | Active Topics | Sign In | Register

Tabstrip - only first tab enabled? Options
Bruce
Posted: Wednesday, August 29, 2007 12:58:15 PM
Rank: Newbie
Groups: Member

Joined: 8/28/2007
Posts: 2
OK - I got through the network drive issues, and have created a control set exactly as described in the documentation:

1. Tabstrip created, 2 tabs
2. MultiPage object added, linked to Tabstrip
3. Two PageView objects added, added to tabs
4. Misc controls added to each tab

Without putting any event code, when I load the page clicking on the second tab does nothing.
Do I have to put event code in place just to make the tabs switch?


Thanks

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="MPC-Test.aspx.vb" Inherits="MPC_Test" %>

<%@ Register Assembly="EO.Web" Namespace="EO.Web" TagPrefix="eo" %>

<!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 runat="server">
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<eo:TabStrip ID="TabStrip1" runat="server" ControlSkinID="None" MultiPageID="MultiPage1"
Style="z-index: 10; left: 0px; position: absolute; top: 0px">
<TopGroup>
<Items>
<eo:TabItem PageViewID="PageView1" Text-Html="Test Tab 1">
</eo:TabItem>
<eo:TabItem PageViewID="PageView2" Text-Html="Test Tab 2">
</eo:TabItem>
</Items>
</TopGroup>
<LookItems>
<eo:TabItem Image-BackgroundRepeat="RepeatX" Image-Mode="TextBackground" Image-SelectedUrl="00010225"
Image-Url="00010222" ItemID="_Default" LeftIcon-SelectedUrl="00010224" LeftIcon-Url="00010221"
NormalStyle-CssText="color: #606060" RightIcon-SelectedUrl="00010226" RightIcon-Url="00010223"
SelectedStyle-CssText="color: #2f4761; font-weight: bold;">
<SubGroup OverlapDepth="8" Style-CssText="font-family: tahoma; font-size: 8pt; background-image: url(00010220); background-repeat: repeat-x; cursor: hand;">
</SubGroup>
</eo:TabItem>
</LookItems>
</eo:TabStrip>

</div>
<eo:MultiPage ID="MultiPage1" runat="server" Height="180px" Style="z-index: 18; left: 0px;
position: absolute; top: 0px" Width="100%">
<eo:PageView ID="PageView1" runat="server" Height="104px" Style="z-index: 26; left: 0px;
position: absolute; top: 0px" Width="100%">
<asp:ListBox ID="ListBox1" runat="server" Height="24px" Style="z-index: 100; left: 24px;
position: absolute; top: 104px" Width="160px"></asp:ListBox>
</eo:PageView>
<eo:PageView ID="PageView2" runat="server" Height="100px" Style="z-index: 34; left: 0px;
position: absolute; top: 0px" Width="100%">
<asp:RadioButton ID="RadioButton1" runat="server" Style="z-index: 100; left: 28px;
position: absolute; top: 244px" />
</eo:PageView>
</eo:MultiPage>
</form>
</body>
</html>
eo_support
Posted: Wednesday, August 29, 2007 1:15:19 PM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,097
Both the TabStrip and MultiPage are absoluted positioned at "top:0px". That causes the MultiPage to sit on top of the TabStrip and prevent the mouse click event from reaching the TabStrip at all ---- there is a good reason why Visual Studio 2005 droped absolute positioning as its default positioning mode. :)


You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.