Jun 13, 2016, 1:21 PM
[CLOSED] Toolbar throws a client side error
Hi,
I'm trying to design a two-row toolbar using a combination of RowLayout and ColumnLayout controls. It's throwing a javascript error on initialization at line 15, column 389. Please suggest if anything's wrong with my setup and if you have any general recommendations on how to achieve the desired layout of my toolbar. The code sample is below.
I'm trying to design a two-row toolbar using a combination of RowLayout and ColumnLayout controls. It's throwing a javascript error on initialization at line 15, column 389. Please suggest if anything's wrong with my setup and if you have any general recommendations on how to achieve the desired layout of my toolbar. The code sample is below.
<%@ Page Language="C#" %>
<%@ 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">
<title>Ext.NET Example</title>
<ext:ResourcePlaceHolder ID="ResourcePlaceHolder1" runat="server" Mode="Script" />
<ext:ResourcePlaceHolder ID="ResourcePlaceHolder2" runat="server" Mode="Style" />
</head>
<body>
<form id="Form1" runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server"></ext:ResourceManager>
<ext:Viewport runat="server" Layout="FitLayout">
<Items>
<ext:Panel runat="server">
<TopBar>
<ext:Toolbar runat="server">
<Items>
<ext:RowLayout runat="server">
<Rows>
<ext:LayoutRow>
<ext:ColumnLayout runat="server">
<Columns>
<ext:LayoutColumn ColumnWidth="0.25">
<ext:Button runat="server" Text="Row 1 Column 1"></ext:Button>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth="0.75">
<ext:Button runat="server" Text="Row 1 Column 2"></ext:Button>
</ext:LayoutColumn>
<ext:LayoutColumn>
<ext:Button runat="server" Text="Row 1 Column 3"></ext:Button>
</ext:LayoutColumn>
</Columns>
</ext:ColumnLayout>
</ext:LayoutRow>
<ext:LayoutRow>
<ext:ColumnLayout runat="server">
<Columns>
<ext:LayoutColumn>
<ext:Button runat="server" Text="Row 2 Column 1"></ext:Button>
</ext:LayoutColumn>
<ext:LayoutColumn>
<ext:Button runat="server" Text="Row 2 Column 2"></ext:Button>
</ext:LayoutColumn>
</Columns>
</ext:ColumnLayout>
</ext:LayoutRow>
</Rows>
</ext:RowLayout>
</Items>
</ext:Toolbar>
</TopBar>
</ext:Panel>
</Items>
</ext:Viewport>
</form>
</body>
</html>
Last edited by fabricio.murta; Jun 16, 2016 at 4:56 AM.