![]() | |
![]() |
| | Thread Tools | Search this Thread | Display Modes |
#1
| |||
| |||
|
#2
| |||
| |||
|
|
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 |
![]() |
| Thread Tools | Search this Thread |
| Display Modes | |
| |