Click here to Skip to main content
15,885,546 members
Articles / Web Development / ASP.NET

ASP.NET Ajax Controls to Simulate IFrame

Rate me:
Please Sign up or sign in to vote.
4.55/5 (7 votes)
8 Nov 2009CPOL2 min read 50K   2.1K   44  
An Ajax control to simulate IFrame. It works like Microsoft MSDN Library site.
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="Site.master.cs" Inherits="Master_Site" %>
<%@ Register TagPrefix="apX" Namespace="Symber.Web.APX" Assembly="Symber.Web.APX" %>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
	<title></title>
</head>
<body>
<form id="form1" runat="server">
	<apx:APXScriptManager ID="SM" runat="server" />
	<div id="qs-contents">
		<asp:Panel ID="ra" runat="server" CssClass="resizableArea">
			<asp:Panel ID="raLeft" runat="server" CssClass="leftSection">
				<apX:APXAccordion ID="accordion" runat="server"
					SelectedIndex="1"
					CookieEnabled="true"
					HeaderCssClass="accordionHeader"
					HeaderSelectedCssClass="accordionHeaderSelected"
					ContentCssClass="accordionContent"
					FadeTransitions="false"
					FramesPerSecond="40" 
					TransitionDuration="250"
					AutoSize="None"
					RequireOpenedPane="false"
					SuppressHeaderPostbacks="true"
					CookiePath="/"
					CookieEnabed="true">
					<Panes>
						<apX:APXAccordionPane ID="accordionPane1" runat="server">
							<Header><div class="inner"><a href="" class="accordionLink">Email</a></div></Header>
							<Content>
								<ul>
									<li><asp:HyperLink ID="HyperLink1" runat="server" Text="Inbox" NavigateUrl="~/Email/Inbox/Default.aspx" /></li>
									<li><asp:HyperLink ID="HyperLink2" runat="server" Text="Sent Mail" NavigateUrl="~/Email/SentMail/Default.aspx" /></li>
									<li><asp:HyperLink ID="HyperLink3" runat="server" Text="Spam" NavigateUrl="~/Email/Spam/Default.aspx" /></li>
									<li><asp:HyperLink ID="HyperLink4" runat="server" Text="Trash" NavigateUrl="~/Email/Trash/Default.aspx" /></li>
								</ul>
							</Content>
						</apX:APXAccordionPane>
						<apX:APXAccordionPane ID="accordionPane2" runat="server">
							<Header><div class="inner"><a href="" class="accordionLink">Calendar</a></div></Header>
							<Content>
								<ul>
									<li><asp:HyperLink ID="HyperLink5" runat="server" Text="Online Search" NavigateUrl="~/Calendar/Search/Default.aspx" /></li>
									<li><asp:HyperLink ID="HyperLink6" runat="server" Text="Add new group" NavigateUrl="~/Calendar/Add/Default.aspx" /></li>
									<li><asp:HyperLink ID="HyperLink7" runat="server" Text="Shared calendar" NavigateUrl="~/Calendar/Shared/Default.aspx" /></li>
								</ul>
							</Content>
						</apX:APXAccordionPane>
						<apX:APXAccordionPane ID="accordionPane3" runat="server">
							<Header><div class="inner"><a href="" class="accordionLink">Contacts</a></div></Header>
							<Content>
								<ul>
									<li><asp:HyperLink ID="HyperLink8" runat="server" Text="Current View" NavigateUrl="~/Contacts/Current/Default.aspx" /></li>
									<li><asp:HyperLink ID="HyperLink9" runat="server" Text="Add new group" NavigateUrl="~/Contacts/Add/Default.aspx" /></li>
									<li><asp:HyperLink ID="HyperLink10" runat="server" Text="Custom View" NavigateUrl="~/Contacts/Custom/Default.aspx" /></li>
								</ul>
							</Content>
						</apX:APXAccordionPane>
						<apX:APXAccordionPane ID="accordionPane4" runat="server">
							<Header><div class="inner"><a href="" class="accordionLink">Tasks</a></div></Header>
							<Content>
								<ul>
									<li><asp:HyperLink ID="HyperLink11" runat="server" Text="Simple List" NavigateUrl="~/Tasks/Simple/Default.aspx" /></li>
									<li><asp:HyperLink ID="HyperLink12" runat="server" Text="Detial List" NavigateUrl="~/Tasks/Detial/Default.aspx" /></li>
									<li><asp:HyperLink ID="HyperLink13" runat="server" Text="Add new group" NavigateUrl="~/Tasks/Add/Default.aspx" /></li>
									<li><asp:HyperLink ID="HyperLink14" runat="server" Text="Custom View" NavigateUrl="~/Tasks/Custom/Default.aspx" /></li>
								</ul>
							</Content>
						</apX:APXAccordionPane>
					</Panes>
				</apX:APXAccordion>
			</asp:Panel>
			<asp:Panel ID="raSplitter" runat="server" ToolTip="Click and drop to resize. Double click to taggle visibility." CssClass="splitter"><div class="grippy"></div></asp:Panel>
			<asp:Panel ID="raRight" runat="server" CssClass="rightSection">
				<asp:contentplaceholder id="CPH" runat="server" />
			</asp:Panel>
			<apx:APXResizableAreaBehavior id="raBehavior" runat="server"
				TargetControlID="ra"
				LeftID="raLeft"
				RightID="raRight"
				SplitterID="raSplitter"
				CookiePath="/" />
		</asp:Panel>
	</div>
	<div id="qs-header">
		<div class="inner">
			<asp:HyperLink runat="server" NavigateUrl="~/Default.aspx" Text="Home" />
		</div>
		<div class="tools">
			<asp:LinkButton ID="login" runat="server" OnClick="login_Click" >Login</asp:LinkButton> |
			<asp:LinkButton ID="logout" runat="server" OnClick="logout_Click" >Logout</asp:LinkButton>
		</div>
	</div>
</form>
</body>
</html>

By viewing downloads associated with this article you agree to the Terms of Service and the article's licence.

If a file you wish to view isn't highlighted, and is a text file (not binary), please let us know and we'll add colourisation support for it.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


Written By
Engineer APEnnead.net Term
China China
This member has not yet provided a Biography. Assume it's interesting and varied, and probably something to do with programming.

Comments and Discussions