User Name Password Register
DaniWeb IT Discussion Community
All
What is DaniWeb IT Discussion Community?
You're currently browsing the ASP.NET section within the Web Development category of DaniWeb, a massive community of 456,578 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 3,617 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.
Please support our ASP.NET advertiser: Lunarpages ASP Web Hosting
Views: 2320 | Replies: 9 | Solved
Reply
Join Date: Nov 2007
Posts: 18
Reputation: Nareshp_123 is an unknown quantity at this point 
Rep Power: 2
Solved Threads: 0
Nareshp_123 Nareshp_123 is offline Offline
Newbie Poster

Question help in displaying multiple tabs in same webpage

  #1  
Nov 2nd, 2007
Hi i am new to asp.net.
i am preparing an asp.net application which is of like this
it will have a webpage,which consists of multiple tabs
when i click on each tab it will display different information in the same webpage.

my problem is how to create a multiple tab webpage
is there any control available in asp.net?
or i need to download any third party tool?

thanks in advance
naresh
AddThis Social Bookmark Button
Reply With Quote  
Join Date: Apr 2007
Location: Birmingham
Posts: 378
Reputation: Fungus1487 is an unknown quantity at this point 
Rep Power: 2
Solved Threads: 38
Fungus1487's Avatar
Fungus1487 Fungus1487 is offline Offline
Posting Whiz

Re: help in displaying multiple tabs in same webpage

  #2  
Nov 3rd, 2007
i dont know of any third party tabs but when i need tabs i use iframes. with a form for each page you want in each then use javascript to change the page.
When Autumn Falls [ http://www.whenautumnfalls.co.uk ] &&
Designdotworks [ http://www.designdotworks.co.uk ] Web / Graphic / Software Design
Reply With Quote  
Join Date: Sep 2007
Posts: 1,058
Reputation: SheSaidImaPregy is an unknown quantity at this point 
Rep Power: 4
Solved Threads: 61
SheSaidImaPregy SheSaidImaPregy is offline Offline
Veteran Poster

Re: help in displaying multiple tabs in same webpage

  #3  
Nov 3rd, 2007
there are tabs via asp.net controls, but they are for IE and do not work well in orther browsers. Your best bet, if you wish to use tabs, is to either use AJAX methods or plain old Javascript. This way the user downloads all the information in the tabs on the same page, and you use javascript to dynamically hide divs, enable other divs, and set certain colors accordingly. This is best for cross-browser compatability, but requires coding on your end. If you wish to use the IE way with asp.net, then you will need to use asp:Menu controls and asp:View controls. Otherwise, follow a demo here from 4guysfromrolla

http://aspnet.4guysfromrolla.com/articles/092204-1.aspx
Reply With Quote  
Join Date: Nov 2007
Posts: 18
Reputation: Nareshp_123 is an unknown quantity at this point 
Rep Power: 2
Solved Threads: 0
Nareshp_123 Nareshp_123 is offline Offline
Newbie Poster

Re: help in displaying multiple tabs in same webpage

  #4  
Nov 5th, 2007
Thanks a lot Fungus1487,SheSaidImaPregy .
SheSaidImaPregy had provided an example link which i had gone through i'll check it whether i can make it in similar fashion.
Reply With Quote  
Join Date: Aug 2007
Location: Somewhere between heaven and hell
Posts: 112
Reputation: Kusno is an unknown quantity at this point 
Rep Power: 2
Solved Threads: 8
Kusno's Avatar
Kusno Kusno is offline Offline
Junior Poster

Re: help in displaying multiple tabs in same webpage

  #5  
Nov 5th, 2007
I created tab by combining Multiview and View
Reply With Quote  
Join Date: Nov 2007
Posts: 18
Reputation: Nareshp_123 is an unknown quantity at this point 
Rep Power: 2
Solved Threads: 0
Nareshp_123 Nareshp_123 is offline Offline
Newbie Poster

Help Re: help in displaying multiple tabs in same webpage

  #6  
Nov 6th, 2007
Originally Posted by Kusno View Post
I created tab by combining Multiview and View


hi kusno

can you please send me if you have any example .
as
SheSaidImaPregy has given a link which has tabs vertical in a page .but i need to display in horizantal format similar to this link http://www.abb.com/

i am trying to modify the same thing what SheSaidImaPregy had sent hope it works.
Reply With Quote  
Join Date: Sep 2007
Posts: 1,058
Reputation: SheSaidImaPregy is an unknown quantity at this point 
Rep Power: 4
Solved Threads: 61
SheSaidImaPregy SheSaidImaPregy is offline Offline
Veteran Poster

Re: help in displaying multiple tabs in same webpage

  #7  
Nov 6th, 2007
Reply With Quote  
Join Date: Aug 2007
Location: Somewhere between heaven and hell
Posts: 112
Reputation: Kusno is an unknown quantity at this point 
Rep Power: 2
Solved Threads: 8
Kusno's Avatar
Kusno Kusno is offline Offline
Junior Poster

Re: help in displaying multiple tabs in same webpage

  #8  
Nov 6th, 2007
My code is same as SheSaidImaPregy's link.

I use Anthem control, but you don't use Anthem, you could change it to ASP.Net control

<form runat="server' id="form1">
<table border="2" bordercolor="gray">
<tr>
<td style="width: 75px">
<anthem:Button ID="CmdIBD" runat="server" BorderStyle="Solid" BorderWidth="0px" Height="24px" Text="IBD" Width="104px" BackColor=Aquamarine Font-Bold="False" ForeColor="Blue" AutoUpdateAfterCallBack="True" /></td>
<td style="width: 73px">
<anthem:Button ID="CmdFX" runat="server" BorderStyle="Solid" BorderWidth="0px" Height="24px" Text="Forex" Width="104px" BackColor=Aquamarine Font-Bold="False" ForeColor="Blue" AutoUpdateAfterCallBack="True" OnClick="CmdFX_Click" /></td>
</tr>
</table>
<anthem:MultiView ID="MVBLS" runat="server" ActiveViewIndex="0" AutoUpdateAfterCallBack="True">
<anthem:View ID="VWIBD" runat="server">
<anthemanel ID="Panel4" runat="server" BorderColor="Gray" BorderWidth="2px" Height="100%" Width="100%">
<anthem:GridView ID="GVIBDFunding" runat="server" AllowPaging="True" AllowSorting="True"
AutoGenerateColumns="False" AutoUpdateAfterCallBack="True" BackColor="White"
BorderColor="White" BorderStyle="Ridge" BorderWidth="2px" CaptionAlign="Top"
CellPadding="0" CellSpacing="1" DataSourceID="SDSIBDFunding" Font-Size="12px"
Font-Strikeout="False" Font-Underline="False" Height="1px" HorizontalAlign="Left"
Style="left: 0px; top: 383px" UpdateAfterCallBack="True" Width="120%">
<FooterStyle BackColor="#C6C3C6" ForeColor="Black" />
<PagerStyle BackColor="#C6C3C6" ForeColor="Black" HorizontalAlign="Right" />
<HeaderStyle BackColor="#4A3C8C" Font-Bold="True" Font-Italic="False" Font-Underline="False"
ForeColor="#E7E7FF" />
<SelectedRowStyle BackColor="#9471DE" Font-Bold="True" ForeColor="White" />
<Columns>
<asp:CommandField HeaderText="Select" InsertVisible="False" ShowCancelButton="False"
ShowSelectButton="True">
<itemstyle font-size="12px" forecolor="Blue" />
</asp:CommandField>
<asp:BoundField DataField="TransNo" HeaderText="Trans. No." SortExpression="TransNo" />
<asp:BoundField DataField="TransactionDate" HeaderText="Trans. Date" SortExpression="TransactionDate" DataFormatString="{0:yyyy-MM-dd}" HtmlEncode="false"/>
<asp:BoundField DataField="CustomerId" HeaderText="Cust. No" SortExpression="CustomerId" />
<asp:BoundField DataField="CustomerName" HeaderText="Cust. Name" SortExpression="CustomerName" />
<asp:BoundField DataField="CCY" HeaderText="CCY" SortExpression="CCY" />
<asp:BoundField DataField="Amount" HeaderText="Amount" SortExpression="Amount" DataFormatString="{0:N2}" HtmlEncode="False">
<itemstyle horizontalalign="Right" />
</asp:BoundField>
<asp:BoundField DataField="ApprovedBy" HeaderText="Approved By" SortExpression="ApprovedBy" />
<asp:BoundField DataField="CreatedBy" HeaderText="Created By" SortExpression="CreatedBy" />
<asp:BoundField DataField="TimeIn" HeaderText="Time In" SortExpression="TimeIn" DataFormatString="{0:HH:mm}" HtmlEncode="false"/>
<asp:BoundField DataField="TimeApproved" HeaderText="Time Approved" SortExpression="TimeApproved" DataFormatString="{0:HH:mm}" HtmlEncode="false"/>
<asp:BoundField DataField="OtherRemark" HeaderText="Other Remark" SortExpression="OtherRemark" />
</Columns>
<RowStyle BackColor="#DEDFDE" ForeColor="Black" />
</anthem:GridView>
</anthemanel>
</anthem:View>
<anthem:View ID="VWFX" runat="server">
<anthemanel ID="Panel3" runat="server" BorderColor="Gray" BorderWidth="2px" Height="100%" Width="100%">
<anthem:GridView ID="GVFXFunding" runat="server" AllowPaging="True" AllowSorting="True"
AutoUpdateAfterCallBack="True" BackColor="White" BorderColor="White" BorderStyle="Ridge"
BorderWidth="2px" CaptionAlign="Top" CellPadding="0" CellSpacing="1" DataSourceID="SDSFXFunding"
Font-Size="12px" Font-Strikeout="False" Font-Underline="False" Height="1px" HorizontalAlign="Left"
OnPageIndexChanging="GVFXFunding_PageIndexChanging" OnSelectedIndexChanged="GVFXFunding_SelectedIndexChanged"
OnSorting="GVFXFunding_Sorting" Style="left: 3px; top: 132px" UpdateAfterCallBack="True"
Width="135%">
<FooterStyle BackColor="#C6C3C6" ForeColor="Black" />
<PagerStyle BackColor="#C6C3C6" ForeColor="Black" HorizontalAlign="Right" />
<HeaderStyle BackColor="#4A3C8C" Font-Bold="True" Font-Italic="False" Font-Underline="False"
ForeColor="#E7E7FF" />
<SelectedRowStyle BackColor="#9471DE" Font-Bold="True" ForeColor="White" />
<EmptyDataRowStyle BackColor="Black" ForeColor="Red" Height="1px" />
<Columns>
<asp:CommandField HeaderText="Select" InsertVisible="False" ShowCancelButton="False"
ShowSelectButton="True">
<itemstyle font-size="12px" forecolor="Blue" />
</asp:CommandField>
<asp:BoundField DataField="TransNo" HeaderText="Trans. No." SortExpression="TransNo" />
<asp:BoundField DataField="TransactionDate" HeaderText="Trans. Date" SortExpression="TransactionDate" DataFormatString="{0:yyyy-MM-dd}" HtmlEncode="false" />
<asp:BoundField DataField="DealNumber" HeaderText="Reff. No." SortExpression="DealNumber" />
<asp:BoundField DataField="CustomerName" HeaderText="Cust. Name" SortExpression="CustomerName" />
<asp:BoundField DataField="BuyCCY" HeaderText="Buying CCY" SortExpression="BuyCCY" />
<asp:BoundField DataField="BuyAmount" HeaderText="Buying Amt" SortExpression="BuyAmount" DataFormatString="{0:N5}" HtmlEncode="False">
<itemstyle horizontalalign="Right" />
</asp:BoundField>
<asp:BoundField DataField="SellCCY" HeaderText="Selling CCY" SortExpression="SellCCY" />
<asp:BoundField DataField="SellAmount" HeaderText="Selling Amt" SortExpression="SellAmount" DataFormatString="{0:N5}" HtmlEncode="False" />
<asp:BoundField DataField="ExchangeRate" HeaderText="Exc. Rate" SortExpression="ExchangeRate" DataFormatString="{0:N5}" HtmlEncode="False"/>
<asp:BoundField DataField="InternalRate" HeaderText="Intn. Rate" SortExpression="InternalRate" DataFormatString="{0:N5}" HtmlEncode="False"/>
<asp:BoundField DataField="ApprovedBy" HeaderText="Approved By" SortExpression="ApprovedBy" />
<asp:BoundField DataField="CreatedBy" HeaderText="Created By" SortExpression="CreatedBy" />
<asp:BoundField DataField="RejectedTotal" HeaderText="Rejected Total" SortExpression="RejectedTotal" />
<asp:BoundField DataField="LastRejectedBy" HeaderText="Last Rejected By" SortExpression="LastRejectedBy" />
<asp:BoundField DataField="LastRejectedReason" HeaderText="Last Rejected Reason"
SortExpression="LastRejectedReason" />
<asp:BoundField DataField="TimeIn" HeaderText="Time In" SortExpression="TimeIn" DataFormatString="{0:HH:mm}" HtmlEncode="false"/>
<asp:BoundField DataField="TimeApproved" HeaderText="Time Approved" SortExpression="TimeApproved" DataFormatString="{0:HH:mm}" HtmlEncode="false" />
<asp:BoundField DataField="OtherRemark" HeaderText="Other Remark" SortExpression="OtherRemark" />
</Columns>
<RowStyle BackColor="#DEDFDE" ForeColor="Black" />
</anthem:GridView>
</anthemanel>
</anthem:View>
</anthem:MultiView>
</form>


Sub SetButtonColor (ByVal TransType As String)
If TransType = "FX" Then
CmdFX.BackColor = Drawing.Color.Yellow
CmdFX.Font.Bold = True
CmdFX.ForeColor = Drawing.Color.IndianRed

CmdIBD.BackColor = Drawing.Color.PaleTurquoise
CmdIBD.Font.Bold = False
CmdIBD.ForeColor = Drawing.Color.Blue
ElseIf TransType = "IBD" Then
CmdFX.BackColor = Drawing.Color.PaleTurquoise
CmdFX.Font.Bold = False
CmdFX.ForeColor = Drawing.Color.Blue

CmdIBD.BackColor = Drawing.Color.Yellow
CmdIBD.Font.Bold = True
CmdIBD.ForeColor = Drawing.Color.IndianRed
End If
End Sub

Protected Sub CmdFX_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles CmdFX.Click
MVBLS.ActiveViewIndex = 1
SetButtonClick("FX")
FillFXData()
End Sub

Protected Sub CmdFX_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles CmdFX.Click
MVBLS.ActiveViewIndex = 1
SetButtonClick ("FX")
FillIBDData()
End Sub



Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
Page.SetFocus(Page)
Page.MaintainScrollPositionOnPostBack = True

If Not IsPostBack Then
MVBLS.ActiveViewIndex = 0
SetButtonColor ("IBD")
FillIBDData()
End If
End Sub
Last edited by Kusno : Nov 6th, 2007 at 6:49 am. Reason: Edit some code
Reply With Quote  
Join Date: Apr 2007
Location: Birmingham
Posts: 378
Reputation: Fungus1487 is an unknown quantity at this point 
Rep Power: 2
Solved Threads: 38
Fungus1487's Avatar
Fungus1487 Fungus1487 is offline Offline
Posting Whiz

Re: help in displaying multiple tabs in same webpage

  #9  
Nov 6th, 2007
there seems to be alot of processing on the server to simly just change these pages why not use CSS css tabs with iframes then just load your aspx page into the iframe on tab change, not only would it be complient across all modern browsers but it would save pointless postbacks.
When Autumn Falls [ http://www.whenautumnfalls.co.uk ] &&
Designdotworks [ http://www.designdotworks.co.uk ] Web / Graphic / Software Design
Reply With Quote  
Join Date: Sep 2007
Posts: 1,058
Reputation: SheSaidImaPregy is an unknown quantity at this point 
Rep Power: 4
Solved Threads: 61
SheSaidImaPregy SheSaidImaPregy is offline Offline
Veteran Poster

Re: help in displaying multiple tabs in same webpage

  #10  
Nov 6th, 2007
Makes you use multiple pages, but besides that, it is better to use the css tabs.
Reply With Quote  
Reply

Only community members can participate in forum threads. You must register or log in to contribute.

DaniWeb ASP.NET Marketplace
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

 

Thread Tools Display Modes

Similar Threads
Other Threads in the ASP.NET Forum

All times are GMT -4. The time now is 6:21 am.
Forum system based on vBulletin Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
©2003 - 2008 DaniWeb® LLC