Jun 24, 2011, 5:27 PM
I would like to have the only bar in the viewport. And use the structure below.
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="BarraRolagem950.aspx.cs"
Inherits="WebApplication1.WebForm3" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
</head>
<script type="text/javascript">
var onResize = function () {
Container1.setAutoScroll(this.getWidth() < 950);
}
</script>
<body>
<form id="frmSutPrt00" runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server">
</ext:ResourceManager>
<ext:Viewport ID="Viewport1" runat="server" Layout="BorderLayout">
<Items>
<ext:Container ID="Container1" runat="server" Region="Center" AutoScroll="true">
<Items>
<ext:BorderLayout ID="BorderLayout1" runat="server">
<North Split="true" MarginsSummary="5 5 0 5" MinHeight="73px" MaxHeight="73px">
<ext:Panel ID="Panel1" runat="server" MinHeight="73px" MaxHeight="73px" Height="73px"
Cls="CssExtPainelTop">
<Content>
<div class="divFundoMenu1">
</div>
<div class="divFundoMenu2">
</div>
<div class="divLogoMenu">
</div>
</Content>
</ext:Panel>
</North>
<West Collapsible="true" Split="true" MinHeight="210px" MinWidth="130px" MaxWidth="500px"
MarginsSummary="0 0 5 5" CMarginsSummary="5 5 5 5" UseSplitTips="True" ExpandableSplitTip="Exibe o painel lateral"
SplitTip="Splitxxx" CollapsibleSplitTip="Altera largura do painel lateral">
<ext:Panel ID="pnlMenu2" runat="server" Title="" MinHeight="200px" MinWidth="130px"
Cls="CssExtPainelMenuTreeView" MaxWidth="500px" Width="184px">
<Items>
</Items>
</ext:Panel>
</West>
<Center MarginsSummary="0 5 5 0">
<ext:TabPanel ID="TabPanelPages" runat="server" EnableTabScroll="true" Cls="CssExtTabPages"
MinHeight="240px" LabelPad="5" HideMode="Offsets">
<Items>
</Items>
</ext:TabPanel>
</Center>
</ext:BorderLayout>
</Items>
<Listeners>
<Resize Fn="onResize" />
</Listeners>
</ext:Container>
</Items>
</ext:Viewport>
</form>
</body>
</html>