📄 defaultvb.aspx
字号:
<%@ Page Language="vb" CodeBehind="DefaultVB.aspx.vb" AutoEventWireup="false" Inherits="Telerik.ToolbarExamplesVB.Toolbar.Examples.Programming.ClientAPI.DefaultVB" %>
<%@ Register TagPrefix="radTlb" Namespace="Telerik.WebControls" Assembly="RadToolbar" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.QuickStart" Assembly="Telerik.QuickStart" %>
<%@ 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" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<telerik:headtag runat="server" ID="Headtag1"></telerik:headtag>
<link rel="stylesheet" type="text/css" href="Styles.css" />
<style type="text/css">
.apiButton
{
border: none;
background-color: none;
background-image: url(apiButtonBg.gif);
background-repeat: no-repeat;
width: 100px;
height: 26px;
font-family: Arial, Verdana, Sans-serif;
font-size: 10px;
font-weight: bold;
color: #808080;
margin-top: 3px;
margin-bottom: 3px;
}
.cmdGroup
{
font-family: Arial, Verdana, Sans-serif;
font-size: 10px;
font-weight: normal;
color: #333333;
cursor: default;
}
.cmdGroupFrame
{
background-image: url(frame.gif);
background-repeat: no-repeat;
height: 258px;
width: 258px;
}
.cmdGroupFrameTitle
{
font-family: Arial, Verdana, Sans-serif;
font-size: 12px;
font-weight: bold;
color: #333333;
margin-left: 12px;
margin-top: 6px;
cursor: default;
}
</style>
</head>
<body class="BODY">
<form runat="server" id="mainForm" method="post" style="width:100%">
<telerik:header NavigationLanguage="VB" id="Header1" runat="server"></telerik:header>
<div class="module" style="width: 230px; height: 235px; float: left; margin-bottom: 20px;">
<div style="font-weight: bold; border-bottom: solid 1px #333333; margin-bottom: 20px; color: #333333; cursor: default;">Client API</div>
<table cellpadding="0" cellspacing="0" class="apiButtonsTable">
<tr>
<td class="cmdGroup" colspan="2">Enable / Disable</td>
</tr>
<tr>
<td>
<button type="button" onclick="window.toolbar1.DisableButton('New');" class="apiButton" onmouseover="this.style.color='#4a4a4a';" onmouseout="this.style.color='#808080';" style="margin-right: 10px;">Disable "New"</button>
</td>
<td>
<button type="button" onclick="window.toolbar1.EnableButton('New');" class="apiButton" onmouseover="this.style.color='#4a4a4a';" onmouseout="this.style.color='#808080';">Enable "New"</button>
</td>
</tr>
<tr>
<td class="cmdGroup" colspan="2">Toggle Visibility</td>
</tr>
<tr>
<td>
<button type="button" onclick="window.toolbar1.HideButton('New');" class="apiButton" onmouseover="this.style.color='#4a4a4a';" onmouseout="this.style.color='#808080';" style="margin-right: 10px;">Hide "New"</button>
</td>
<td>
<button type="button" onclick="window.toolbar1.ShowButton('New');" class="apiButton" onmouseover="this.style.color='#4a4a4a';" onmouseout="this.style.color='#808080';">Show "New"</button>
</td>
</tr>
<tr>
<td class="cmdGroup" colspan="2">Toggle On/Off</td>
</tr>
<tr>
<td>
<button type="button" onclick="window.toolbar1.ToggleONButton('alignLeft');" class="apiButton" onmouseover="this.style.color='#4a4a4a';" onmouseout="this.style.color='#808080';" style="margin-right: 10px;">Toggle ON "Left"</button>
</td>
<td>
<button type="button" onclick="window.toolbar1.ToggleOFFButton('alignLeft');" class="apiButton" onmouseover="this.style.color='#4a4a4a';" onmouseout="this.style.color='#808080';">Toggle OFF "Left"</button>
</td>
</tr>
<tr>
<td class="cmdGroup" colspan="2">Toggle Orientation</td>
</tr>
<tr>
<td>
<button type="button" onclick="window.toolbar1.MakeVertical();" class="apiButton" onmouseover="this.style.color='#4a4a4a';" onmouseout="this.style.color='#808080';" style="margin-right: 10px;">Make Vertical</button>
</td>
<td>
<button type="button" onclick="window.toolbar1.MakeHorizontal();" class="apiButton" onmouseover="this.style.color='#4a4a4a';" onmouseout="this.style.color='#808080';">Make Horizontal</button>
</td>
</tr>
</table>
</div>
<div class="module" style="width: 458px; height: 235px; float: left;">
<div style="font-weight: bold; border-bottom: solid 1px #333333; margin-bottom: 34px; color: #333333; cursor: default;">Test Area</div>
<radtlb:radtoolbar runat="server" id="toolbar1" skin="macOS" UseFadeEffect="True">
<items>
<radtlb:radtoolbarbutton CommandName="New" />
<radtlb:radtoolbarbutton CommandName="Open" />
<radtlb:radtoolbarbutton CommandName="Save" />
<radtlb:radtoolbarseparator />
<radtlb:radtoolbartogglebutton ButtonGroup="Alignment" CommandName="alignLeft" />
<radtlb:radtoolbartogglebutton ButtonGroup="Alignment" CommandName="Center" />
<radtlb:radtoolbartogglebutton ButtonGroup="Alignment" CommandName="alignRight" />
<radtlb:radtoolbartogglebutton ButtonGroup="Alignment" CommandName="Justify" />
</items>
</radtlb:radtoolbar>
</div>
<br /><br /><br />
<telerik:footer id="Footer1" runat="server"></telerik:footer>
</form>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -