📄 defaultvb.aspx
字号:
<%@ Register TagPrefix="radTS" Namespace="Telerik.WebControls" Assembly="RadTabStrip" %>
<%@ Register TagPrefix="telerik" TagName="Header" Src="~/Common/Header.ascx" %>
<%@ Register TagPrefix="telerik" TagName="HeadTag" Src="~/Common/HeadTag.ascx" %>
<%@ Register TagPrefix="telerik" TagName="Footer" Src="~/Common/Footer.ascx" %>
<%@ Page Language="vb" CodeBehind="DefaultVB.aspx.vb" AutoEventWireup="false" Inherits="Telerik.TabStripExamplesVB.Application.CvWizard.DefaultVB" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<telerik:headtag id="Headtag1" runat="server"></telerik:headtag>
<style type="text/css">
.inputs
{
padding-top: 24px;
}
.label
{
width: 100px;
float: left;
height: 26px;
}
br
{
clear:both;
}
.wizardContainer
{
font: bold 11px Arial, Verdana, Sans-serif;
color: #fff;
}
.wizardTextBox
{
border: 0;
background-color: #ebe2b7;
width: 200px;
color: #96511d;
font-size: 11px;
padding:3px 4px;
}
.mainCell
{
height: 197px;
width: 448px;
background: transparent url(Images/middleBg.gif);
}
.mainCell select
{
font: normal 11px Arial, Verdana, Sans-serif;
background-color: #ebe2b7;
}
.WizardButton
{
width: 119px;
height: 24px;
background: transparent url(Images/WizardButton.gif) no-repeat;
border: 0px;
color: white;
font-weight: bold;
font-size: 11px;
margin-left:104px;
}
</style>
</head>
<body class="BODY">
<form id="mainForm" method="post" runat="server">
<telerik:header id="Header1" runat="server" NavigationLanguage="VB" XhtmlCompliant="false"></telerik:header>
<table cellpadding="0" cellspacing="0" class="wizardContainer">
<tr>
<td colspan="3" style="height: 29px;text-align:right;padding-right:31px;padding-right:70px;">
<radTS:RadTabStrip
AutoPostBack="true"
id="RadTabStrip1"
runat="server"
Skin="Wizard"
MultiPageID="RadMultiPage1"
SelectedIndex="0"
align="right"
>
<Tabs>
<radTS:Tab Text="1. Account Info"></radTS:Tab>
<radTS:Tab Text="2. Address" Enabled="False"></radTS:Tab>
<radTS:Tab Text="3. Subscriptions" Enabled="False"></radTS:Tab>
<radTS:Tab Text="4. Registration" Enabled="False"></radTS:Tab>
</Tabs>
</radTS:RadTabStrip>
</td>
</tr>
<tr>
<td style="background-image: url('Images/topLeft.gif'); height: 39px; width: 80px;"></td>
<td style="background-image: url(Images/topBg.gif);"></td>
<td style="background-image: url('Images/topRight.gif'); height: 39px; width: 78px;"></td>
</tr>
<tr>
<td style="background-image: url('Images/middleLeft.gif'); height: 197px; width: 80px;"></td>
<td class="mainCell">
<!-- multipage begin -->
<radTS:RadMultiPage RenderSelectedPageOnly="true" id="RadMultiPage1" runat="server" SelectedIndex="0">
<PageViews>
<radTS:PageView ID="Page0" Runat="server">
<!-- first panel: Personal -->
<div class="inputs">
<span class="label">Title:</span>
<asp:DropDownList ID="listTitle" Runat="server" width="204px">
<asp:ListItem>Mr.</asp:ListItem>
<asp:ListItem>Mrs.</asp:ListItem>
<asp:ListItem>Miss</asp:ListItem>
<asp:ListItem>Ms.</asp:ListItem>
</asp:DropDownList>
<br />
<span class="label">First Name:</span>
<asp:TextBox ID="textFirstName" Runat="server" CssClass="wizardTextBox"></asp:TextBox>
<asp:RequiredFieldValidator Runat="server" ErrorMessage="First Name is required" ID="validatorFirstName" Display="Dynamic" ControlToValidate="textFirstName">*</asp:RequiredFieldValidator>
<br />
<span class="label">Second Name:</span>
<asp:TextBox ID="textSecondName" Runat="server" CssClass="wizardTextBox"></asp:TextBox>
<asp:RequiredFieldValidator Runat="server" ErrorMessage="Second Name is required" ID="validatorSecondName" Display="Dynamic"
ControlToValidate="textSecondName">*</asp:RequiredFieldValidator>
<br />
<span class="label">E-mail:</span>
<asp:TextBox ID="textEmail" Runat="server" CssClass="wizardTextBox"></asp:TextBox>
<asp:RegularExpressionValidator Runat="server" ErrorMessage="Invalid E-mail Address" ID="validatorRegEmail" Display="Dynamic"
ControlToValidate="textEmail" ValidationExpression=".+@.+\.[a-z]+">*</asp:RegularExpressionValidator>
<br /><br />
<asp:ValidationSummary ID="valSummary" Runat="server" DisplayMode="BulletList" style="float:right;color:white;margin-top:-10px;"></asp:ValidationSummary>
<asp:Button id="buttonNextPers" runat="server" CssClass="WizardButton" Text="Next" />
</div>
</radTS:PageView>
<radTS:PageView ID="Page1" Runat="server">
<!-- second panel: Education -->
<div class="inputs">
<span class="label">Street Address:</span>
<asp:TextBox ID="textStreetAddress" Runat="server" Columns="50" Rows="5" TextMode="MultiLine" CssClass="wizardTextBox"></asp:TextBox>
<br />
<span class="label">City:</span>
<asp:TextBox ID="textCity" Runat="server" CssClass="wizardTextBox"></asp:TextBox>
<br />
<span class="label">Country:</span>
<asp:TextBox ID="textCountry" Runat="server" CssClass="wizardTextBox"></asp:TextBox>
<asp:RequiredFieldValidator Runat="server" ErrorMessage="Country field is required" ID="Requiredfieldvalidator1" Display="Dynamic" ControlToValidate="textCountry">*</asp:RequiredFieldValidator>
<br />
<asp:Button id="buttonNextEdu" runat="server" CssClass="WizardButton" Text="Next" />
</div>
</radTS:PageView>
<radTS:PageView ID="Page2" Runat="server">
<!-- Third panel: Employment -->
<div class="inputs">
<span class="label">Monthly newsletters:</span>
<asp:ListBox ID="listMonthly" Runat="server" SelectionMode="Multiple" width="206px">
<asp:ListItem>Gardening</asp:ListItem>
<asp:ListItem>Plants & Flowers</asp:ListItem>
<asp:ListItem>Animals</asp:ListItem>
<asp:ListItem>Sea Life</asp:ListItem>
<asp:ListItem>Birds</asp:ListItem>
<asp:ListItem>Tropical Forests</asp:ListItem>
</asp:ListBox>
<br />
<span class="label">Weekly newsletters:</span>
<asp:ListBox ID="listWeekly" Runat="server" SelectionMode="Multiple" width="206px">
<asp:ListItem>Politics</asp:ListItem>
<asp:ListItem>Economics</asp:ListItem>
<asp:ListItem>World News</asp:ListItem>
<asp:ListItem>Sports</asp:ListItem>
<asp:ListItem>Technology</asp:ListItem>
<asp:ListItem>Yellow Pages</asp:ListItem>
</asp:ListBox>
<br /><br /><asp:Button id="buttonNextProf" runat="server" CssClass="WizardButton" Text="Next" />
</div>
</radTS:PageView>
<radTS:PageView ID="Page3" Runat="server">
<div class="inputs">
<span class="label">Feedback:</span>
<asp:TextBox id="editorMotivation" runat="server" CssClass="wizardTextBox" TextMode="MultiLine" /><br/><br/>
<asp:Button id="buttonSubmit" runat="server" Text="Submit" CssClass="WizardButton" />
</div>
</radTS:PageView>
</PageViews>
</radTS:RadMultiPage>
<!-- multipage end -->
</td>
<td style="background-image: url('Images/middleRight.gif'); height: 197px; width: 78px;"></td>
</tr>
<tr>
<td style="background-image: url('Images/bottomLeft.gif'); height: 41px; width: 80px;"></td>
<td style="background-image: url(Images/bottomBg.gif);"> </td>
<td style="background-image: url('Images/bottomRight.gif'); height: 41px; width: 78px;"></td>
</tr>
</table>
<telerik:footer id="Footer1" runat="server"></telerik:footer>
</form>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -