HighTechTalks DotNet Forums  

Layout issues with MultiView control/tabbed display

ASP.net Web Controls microsoft.public.dotnet.framework.aspnet.webcontrols


Discuss Layout issues with MultiView control/tabbed display in the ASP.net Web Controls forum.



Reply
 
Thread Tools Search this Thread Display Modes
  #1  
Old   
paul.gibson@abbott.com
 
Posts: n/a

Default Layout issues with MultiView control/tabbed display - 12-05-2007 , 04:22 PM






Hi all -

I'm using version 2.0 of the framework. Using a Multiview control to
produce a tabbed display. I'm putting two Panels in each View, one
for the "tabs", one for the content. The mark-up looks something
like:

<asp:MultiView ID="mvMain" runat="server" ActiveViewIndex="0">
<asp:View ID="View1" runat="server">
<asp:Panel ID="PanelNavView1" runat="server">
<asp:Label ID="lblView1" runat="server"
Text="Tab&nbsp;for&nbsp;View1"></asp:Label>
<asp:LinkButton ID="lbView2FromView1"
runat="server">Tab&nbsp;for&nbsp;View2</asp:LinkButton>
<asp:LinkButton ID="lbView3FromView1"
runat="server">Tab&nbsp;for&nbsp;View3</asp:LinkButton>
<asp:LinkButton ID="lbView4FromView1"
runat="server">Tab&nbsp;for&nbsp;View4</asp:LinkButton>
<asp:LinkButton ID="lbView5FromView1"
runat="server">Tab&nbsp;for&nbsp;View5</asp:LinkButton>
<asp:LinkButton ID="lbView6FromView1"
runat="server">Tab&nbsp;for&nbsp;View6</asp:LinkButton>
</asp:Panel>
<asp:Panel ID="panelView1" runat="server">
This is the content for view 1
</asp:Panel>
</asp:View>
<asp:View ID="View2" runat="server">

Reply With Quote
  #2  
Old   
John Padilla
 
Posts: n/a

Default RE: Layout issues with MultiView control/tabbed display - 12-15-2007 , 02:34 PM






It would be easier for you to get a free tabbed control or create one of your
own ad the multiview is just that a multivlew. placing a tab strip like
control above the multivkew that supports wrapping of the tabs is the way to
go. Try CodePlex, The Code Project or search google and i am sure you will
find either a free control or a arcticle on how to build this.

Hope this helps!

"paul.gibson (AT) abbott (DOT) com" wrote:

Quote:
Hi all -

I'm using version 2.0 of the framework. Using a Multiview control to
produce a tabbed display. I'm putting two Panels in each View, one
for the "tabs", one for the content. The mark-up looks something
like:

asp:MultiView ID="mvMain" runat="server" ActiveViewIndex="0"
asp:View ID="View1" runat="server"
asp:Panel ID="PanelNavView1" runat="server"
asp:Label ID="lblView1" runat="server"
Text="Tab for View1"></asp:Label
asp:LinkButton ID="lbView2FromView1"
runat="server">Tab for View2</asp:LinkButton
asp:LinkButton ID="lbView3FromView1"
runat="server">Tab for View3</asp:LinkButton
asp:LinkButton ID="lbView4FromView1"
runat="server">Tab for View4</asp:LinkButton
asp:LinkButton ID="lbView5FromView1"
runat="server">Tab for View5</asp:LinkButton
asp:LinkButton ID="lbView6FromView1"
runat="server">Tab for View6</asp:LinkButton
/asp:Panel
asp:Panel ID="panelView1" runat="server"
This is the content for view 1
/asp:Panel
/asp:View
asp:View ID="View2" runat="server"
.
.
.
/asp:View
/asp:MultiView

I apply some styling to make the "tabs" look the way I want (I took
out the CssClass= stuff in the markup) and it looks fine when the
"tabs" are displayed side-by-side. When there is insufficient room to
display the "tabs" side-by-side, I would like them to wrap into one or
more rows of tabs. I can also make them do this fine. The issue I am
having is that unless I take away all border-top and padding-top from
the Label and LinkButton controls, the "tabs" in the bottom row
partially cover the "tabs" in the top row (assuming 2 rows, here).
Adding a top or bottom margin has not helped me nor has a number of
other stabs in the dark. I'm a relative newbie to CSS/styling but I
suspect my problem has something to do with the LinkButtons being
converted to anchors <a> in the page that is output.

Can anyone lend a hand?

TIA

Paul


Reply With Quote
Reply




Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.