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

ASP.Net User Controls as Static or Movable PopUps

Rate me:
Please Sign up or sign in to vote.
4.63/5 (21 votes)
2 Feb 2007CPOL2 min read 110.5K   2.8K   103  
Use form controls as static informational popups or movable control windows.
<%@ Register TagPrefix="cc1" Namespace="skmExtendedControls" Assembly="PopExample" %>
<%@ Control Language="c#" AutoEventWireup="false" Codebehind="CollapseControl.ascx.cs" Inherits="CarboniSoftware.PopExample.CollapseControl" TargetSchema="http://schemas.microsoft.com/intellisense/ie5" %>
<div id="CollapseContainer" runat="server" class="collapsePop" style="VISIBILITY: hidden; POSITION: absolute"
	onclick="event.cancelBubble = true;">
	<div id="CollapseBorder">
		<div id="CollapseHeader">
			<div id="CollapseTitle">
				<p>&nbsp;&nbsp;Collapse&nbsp;<asp:Label ID="lblCollapse" Runat="server"></asp:Label>
				</p>
			</div>
			<div id="CollapseClose">
				<img title="Close" id="btnClose" class='closeButton' onclick="hidePop('<%= ClientID%>_CollapseContainer');" src="<%= closeImage %>" onmouseover="style.cursor='pointer'; this.src='<%= closeHover %>';" onmouseout="style.cursor='default'; this.src='<%= closeImage %>';">
			</div>
		</div>
		<div id="CollapseBody">
			<div id="CollapseItemList">
				<p>1. Select Items to collapse:</p>
				<div id="CollapseItemListScroll">
					<cc1:skmCheckBoxList id="chkListItems" AutoPostBack="False" runat="server" CssClass="collapseItemList" />
				</div>
			</div>
			<div id="CollapseGroupName">
				<p>2. Type a Name for this new group:&nbsp;&nbsp;
					<asp:textbox id="txtGroupName" AutoPostBack="False" runat="server"></asp:textbox></p>
			</div>
			<div id="CollapseGroupList">
				<div id="CollapseGroupListHeader">
					<p>Groups Added</p>
				</div>
				<div id="CollapseGroupListNames" runat="server">
				</div>
			</div>
		</div>
		<div id="CollapseButtons">
			<table border="0">
				<tr></tr>
				<tr></tr>
				<tr></tr>
				<tr></tr>
				<tr></tr>
				<tr>
					<td width="5%">&nbsp;</td>
					<td align="center" width="15%"><a id="btnCollapseStartOver" runat="server"><img id="btnCollapseStartOverImg" runat="server">
						</a>
					</td>
					<td width="2%">&nbsp;</td>
					<td align="center" width="25%"><a id="btnCollapseDups" runat="server"><img id="btnCollapseDupsImg" runat="server">
						</a>
					</td>
					<td width="2%">&nbsp;</td>
					<td align="center" width="25%"><a id="btnCollapseRemove" runat="server"><img id="btnCollapseRemoveImg" runat="server">
						</a>
					</td>
					<td width="2%">&nbsp;</td>
					<td align="center" width="15%">
						<asp:ImageButton id="btnCollapseDone" runat="server"></asp:ImageButton></td>
					<td width="9%">&nbsp;</td>
				</tr>
			</table>
		</div>
		<div>
			<asp:textbox id="txtGroupList" AutoPostBack="False" runat="server" TextMode="MultiLine" EnableViewState="true"
				style="VISIBILITY: hidden" Height="2px"></asp:textbox>
		</div>
		<div id="CollapseControlJSArea">
			<asp:PlaceHolder id="CollapseJSArea" runat="server" />
		</div>
	</div>
</div>

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
Web Developer
United States United States
Software architect and developer with over 20 years of experience, specializing in GUI designs and intranet systems in MFC/C++ and ASP.Net using C#.

Comments and Discussions