📄 defaultcs.aspx
字号:
<%@ Register TagPrefix="telerik" TagName="Footer" Src="~/Common/Footer.ascx" %>
<%@ Register TagPrefix="telerik" TagName="HeadTag" Src="~/Common/HeadTag.ascx" %>
<%@ Register TagPrefix="telerik" TagName="Header" Src="~/Common/Header.ascx" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.QuickStart" Assembly="Telerik.QuickStart" %>
<%@ Register TagPrefix="radDk" Namespace="Telerik.WebControls" Assembly="RadDock" %>
<%@ Page language="c#" Codebehind="DefaultCS.aspx.cs" AutoEventWireup="false" Inherits="Telerik.DockExamplesCSharp.Dock.Examples.MyPortal.DefaultCS" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/tr/xhtml11/dtd/xhtml11.dtd">
<html>
<head runat="server">
<telerik:headtag runat="server" id="Headtag1"></telerik:headtag>
<link rel="stylesheet" type="text/css" href="MyPortal.css"/>
<link rel="stylesheet" type="text/css" href="MyPortalContextMenu.css"/>
<script src="MyPortalContextMenu.js" language="javascript"></script>
<script type="text/javascript">
document.onkeypress = function(e)
{
if (!e)
{
e = window.event;
}
if (27 == e.keyCode)
{
MyPortalContextMenu.Hide();
}
};
document.onclick = function(e)
{
MyPortalContextMenu.Hide();
};
function ShowContextMenu(e)
{
if (!e)
{
e = window.event;
}
try {
MyPortalContextMenu.Show(e, "contextMenu");
} catch (e) {}
}
</script>
</head>
<body class="BODY">
<form id="Form1" method="post" runat="server">
<raddk:raddockingmanager id="RadDockingManager1" runat="server" showtooltipwhiledragging="False" skinspath="~/Dock/Examples/MyPortal/Skin/"
skin="MyPortal"></raddk:raddockingmanager>
<telerik:header runat="server" id="Header1" navigationlanguage="CS"></telerik:header>
<table class="layoutTable" style="align:center" cellspacing="19" cellpadding="0">
<tr>
<td valign="top" colspan="3" class="portalHeader">
<div class="headerSearch">
<input class="headerSearchInput" type="text" id="headerSearchInput" value="keywords"/><img src="Images/goBtn.jpg" width="20" height="18" style="VERTICAL-ALIGN: middle" alt="Search"/>
</div>
</td>
</tr>
<tr>
<td colspan="3" align="right">
<asp:button id="btnSave" runat="server" text="Save" cssclass="button"></asp:button>
<asp:button id="btnEdit" runat="server" text="Edit" cssclass="button"></asp:button>
<asp:button id="btnReset" runat="server" text="Reset" cssclass="button"></asp:button>
</td>
</tr>
<tr>
<td valign="top" class="leftColumn"><img style="BORDER-RIGHT:#fff 2px solid; BORDER-TOP:#fff 2px solid; BORDER-LEFT:#fff 2px solid; BORDER-BOTTOM:medium none"
width="172" height="104" alt="" src="Images/leftColumnTop.gif"/><raddk:raddockingzone id="RadDockingZone1" runat="server" width="172px" height="394px" fixedsizemode="ByWidth">
<raddk:raddockableobject id="RadDockableObject1" runat="server" text="My Portal" height="107px" width="174px"
dockingmode="AlwaysDock" behavior="Collapse,Close" showtitlebarwhendisabled="true">
<titlebarstyle cssclass="dockPurpleTitle"></titlebarstyle>
<contenttemplate>
<div class="dockPurpleContent" style="height:100%;">
<b class="dockParagraph"><img src="Images/dockPurpleAvatar.gif" height="70" width="64" alt="John Smith" style="align:left" /><br />
Welcome back,<br />
Mr. John Smith<br />
<em class="dockEm">08/03/2003</em></b>
</div>
</contenttemplate>
</raddk:raddockableobject>
<raddk:raddockableobject id="RadDockableObject2" runat="server" text="Horoscopes" height="107px" width="100%"
dockingmode="AlwaysDock" behavior="Collapse,Close" showtitlebarwhendisabled="true">
<titlebarstyle cssclass="dockOrangeTitle"></titlebarstyle>
<contenttemplate>
<div class="dockOrangeContent" style="height:100%;">
<b class="dockParagraph"><img src="Images/dockOrangeAvatar.gif" height="63" width="61" alt="Pisces" style="align:left" /><br />
Pisces<br />
<em class="dockEm">Feb 18 - Mar 19</em></b>
<br />
<br />
<br />
<img src="Images/dockOrangeSeparator.gif" height="9" width="172" alt="" />
<p class="pPisces">You are a sage, dear Pisces, or at least you make people think
of those Buddhist monks that teach their young disciples how to learn! People
are surprised by your silence and your patience, and they are sometimes
overwhelmed when in one or town sentences you can show that you have understood
everything they've said to you.</p>
</div>
</contenttemplate>
</raddk:raddockableobject>
</raddk:raddockingzone>
</td>
<td valign="top" class="middleColumn">
<table style="BORDER-RIGHT:red 0px solid; BORDER-TOP:red 0px solid; PADDING-BOTTOM:19px; MARGIN:0px; BORDER-LEFT:red 0px solid; WIDTH:100%; BORDER-BOTTOM:red 0px solid"
cellpadding="0" cellspacing="0">
<tr>
<td><raddk:raddockingzone id="Raddockingzone2" runat="server" width="280px" height="155px" fixedsizemode="ByWidth">
<raddk:raddockableobject id="Raddockableobject6" runat="server" text="News" width="100%" dockingmode="AlwaysDock"
behavior="Collapse,Close" showtitlebarwhendisabled="true">
<titlebarstyle cssclass="dockBlueTitle"></titlebarstyle>
<contenttemplate>
<div class="dockBlueContent">
<b class="headline"> Discovery landed successfully</b>
<hr style="border: dotted 1px #fff; height: 1px; text-align: center; width: 88%;" />
<ul>
<li class="dockBlueContentTxt">
<a href="#" class="news">Discovery landed successfully...</a></li>
<li class="dockBlueContentTxt">
<a href="#" class="news">Crew takes 2nd spacewalk...</a></li>
<li class="dockBlueContentTxt">
<a href="#" class="news">Crashes after Sudan. VP dies...</a></li>
</ul>
<br />
</div>
</contenttemplate>
</raddk:raddockableobject>
<raddk:raddockableobject id="Raddockableobject3" runat="server" text="My E-mails" width="172px" dockingmode="AlwaysDock"
behavior="Collapse,Close" showtitlebarwhendisabled="true">
<titlebarstyle cssclass="dockYellowTitle"></titlebarstyle>
<contenttemplate>
<div class="dockYellowContent" style="height:126px;">
<br />
<br />
<br />
<a href="#" class="myEmails"><img src="Images/eMailYellow.gif" height="11" width="17" alt="" style="border-width:0px;vertical-align: middle; margin-right: 5px;" />John
Smith <b>(2)</b></a>
<br />
<a href="#" class="myEmails"><img src="Images/eMailYellow.gif" height="11" width="17" alt="" style="border-width:0px;vertical-align: middle; margin-right: 5px;" />John
Doe <b>(13)</b></a>
<br />
<a href="#" class="myEmails"><img src="Images/eMailYellow.gif" height="11" width="17" alt="" style="border-width:0px;vertical-align: middle; margin-right: 5px;" />Jane
Smith <b>(1)</b></a>
</div>
<div class="dockYellowFooter"></div>
</contenttemplate>
</raddk:raddockableobject>
</raddk:raddockingzone></td>
</tr>
<tr>
<td><raddk:raddockingzone id="Raddockingzone4" runat="server" width="280px" height="113px" fixedsizemode="ByWidth">
<raddk:raddockableobject id="Raddockableobject7" runat="server" text="Subscriptions" height="111px" width="280px"
dockingmode="AlwaysDock" behavior="Collapse,Close" showtitlebarwhendisabled="true">
<titlebarstyle cssclass="dockLightGreenTitle"></titlebarstyle>
<contenttemplate>
<div class="dockLightGreenContent" style="height:100%;">
<br />
<a href="#" class="subscriptions"><img src="Images/eMail.gif" height="10" width="17" alt="" style="border-width:0px;vertical-align: middle; margin-right: 5px;" />Health
Newsletter</a>
<hr style="border: dotted 1px #fff; height: 1px; text-align: center; width: 88%;" />
<a href="#" class="subscriptions"><img src="Images/eMail.gif" height="10" width="17" alt="" style="border-width:0px;vertical-align: middle; margin-right: 5px;" />Useful
Summer Tips</a>
<br />
<br />
</div>
</contenttemplate>
</raddk:raddockableobject>
</raddk:raddockingzone></td>
</tr>
<tr>
<td><raddk:raddockingzone id="Raddockingzone5" runat="server" width="280px" height="195px" fixedsizemode="ByWidth">
<raddk:raddockableobject id="Raddockableobject8" runat="server" text="Events" width="280px" dockingmode="AlwaysDock"
behavior="Collapse,Close" showtitlebarwhendisabled="true">
<titlebarstyle cssclass="dockKhakiTitle"></titlebarstyle>
<contenttemplate>
<div class="dockKhakiContent" style="height:162px;">
<br />
<a href="#" class="subscriptions">Glasgow Summer Festival</a>
<hr style="border: dotted 1px #fff; height: 1px; text-align: center; width: 88%;" />
<a href="#" class="subscriptions">Glasgow Summer Festival</a>
<hr style="border: dotted 1px #fff; height: 1px; text-align: center; width: 88%;" />
<a href="#" class="subscriptions">Glasgow Summer Festival</a>
<hr style="border: dotted 1px #fff; height: 1px; text-align: center; width: 88%;" />
<a href="#" class="subscriptions">Glasgow Summer Festival</a>
<hr style="border: dotted 1px #fff; height: 1px; text-align: center; width: 88%;" />
<a href="#" class="subscriptions">Glasgow Summer Festival</a>
<br />
<br />
</div>
</contenttemplate>
</raddk:raddockableobject>
</raddk:raddockingzone></td>
</tr>
</table>
</td>
<td valign="top" class="rightColumn"><raddk:raddockingzone id="Raddockingzone3" runat="server" width="172px" height="500px" fixedsizemode="ByWidth">
<raddk:raddockableobject id="Raddockableobject4" runat="server" text="My Photos" height="111px" width="172px"
dockingmode="AlwaysDock" behavior="Collapse,Close" showtitlebarwhendisabled="true">
<titlebarstyle cssclass="dockGreenTitle"></titlebarstyle>
<contenttemplate>
<div class="dockGreenContent" style="height:100%;">
<img src="Images/dockGreenPic1.gif" height="50" width="72" alt="My Image 1" style="border-width:0px;margin-top: 20px; margin-right: 5px;" />
<img src="Images/dockGreenPic2.gif" height="50" width="72" alt="My Image 2" style="border-width:0px;margin-top: 20px; margin-left: 5px;" />
</div>
</contenttemplate>
</raddk:raddockableobject>
<raddk:raddockableobject id="Raddockableobject5" runat="server" text="My Contacts" height="158px" width="172px"
dockingmode="AlwaysDock" behavior="Collapse,Close" showtitlebarwhendisabled="true">
<titlebarstyle cssclass="dockLastTitle"></titlebarstyle>
<contenttemplate>
<div class="dockLastContent" style="height:100%;">
<br />
<br />
<br />
Phone: 1.887.3671.23<br />
E-mail: john@bravo.com<br />
Address: 64 Bay Str, Melville
</div>
</contenttemplate>
</raddk:raddockableobject>
</raddk:raddockingzone></td>
</tr>
</table>
<telerik:footer runat="server" id="Footer1"></telerik:footer>
<div id="contextmenuholder" runat="server">
<table id="contextMenu" style="DISPLAY:none;LEFT:0px;WIDTH:120px;POSITION:absolute;TOP:0px"
class="contextMenuTable" cellpadding="4" cellspacing="0">
<tr id="___<%=RadDockableObject1.ClientID%>" onclick="MyPortalContextMenu.ItemClicked(this)" onmouseover="this.className='itemHover';" onmouseout="this.className=''">
<td><img src="Images/checkMark.gif" alt=""/></td>
<td>My Portal</td>
</tr>
<tr id="___<%=RadDockableObject2.ClientID%>" onclick="MyPortalContextMenu.ItemClicked(this)" onmouseover="this.className='itemHover'" onmouseout="this.className=''">
<td><img src="Images/checkMark.gif" alt=""/></td>
<td>Horoscope</td>
</tr>
<tr id="___<%=Raddockableobject6.ClientID%>" onclick="MyPortalContextMenu.ItemClicked(this)" onmouseover="this.className='itemHover'" onmouseout="this.className=''">
<td><img src="Images/checkMark.gif" alt=""/></td>
<td>News</td>
</tr>
<tr id="___<%=Raddockableobject7.ClientID%>" onclick="MyPortalContextMenu.ItemClicked(this)" onmouseover="this.className='itemHover'" onmouseout="this.className=''">
<td><img src="Images/checkMark.gif" alt=""/></td>
<td>Subscriptions</td>
</tr>
<tr id="___<%=Raddockableobject8.ClientID%>" onclick="MyPortalContextMenu.ItemClicked(this)" onmouseover="this.className='itemHover'" onmouseout="this.className=''">
<td><img src="Images/checkMark.gif" alt=""/></td>
<td>Events</td>
</tr>
<tr id="___<%=Raddockableobject3.ClientID%>" onclick="MyPortalContextMenu.ItemClicked(this)" onmouseover="this.className='itemHover'" onmouseout="this.className=''">
<td><img src="Images/checkMark.gif" alt=""/></td>
<td>My E-mails</td>
</tr>
<tr id="___<%=Raddockableobject4.ClientID%>" onclick="MyPortalContextMenu.ItemClicked(this)" onmouseover="this.className='itemHover'" onmouseout="this.className=''">
<td><img src="Images/checkMark.gif" alt=""/></td>
<td>My Photos</td>
</tr>
<tr id="___<%=Raddockableobject5.ClientID%>" onclick="MyPortalContextMenu.ItemClicked(this)" onmouseover="this.className='itemHover'" onmouseout="this.className=''">
<td><img src="Images/checkMark.gif" alt=""/></td>
<td>My Contacts</td>
</tr>
</table>
</div>
</form>
<script language="javascript" type="text/javascript">
if (document.attachEvent) {
document.body.attachEvent("oncontextmenu",new Function('ShowContextMenu(event);return false;'));
} else {
document.body.addEventListener("contextmenu",new Function("e", 'ShowContextMenu(e);e.preventDefault();e.preventBubble();e.stopPropagation();'), false);
}
</script>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -