Oct 16, 2017, 6:28 PM
[CLOSED] Toolbar overlay error
Support,
v4.2.2
Load this example and you can see then click the >> to see the rest of the toolbar. Notice bug#1 is the fact that the data is on a separate line instead of same line as label.
Then expand the windows slightly to the right and then click the >> to see the rest of the toolbar. Notice bug#2 that the long label now overlaps the one beneath it incorrectly.
Thanks,.
/Z
v4.2.2
Load this example and you can see then click the >> to see the rest of the toolbar. Notice bug#1 is the fact that the data is on a separate line instead of same line as label.
Then expand the windows slightly to the right and then click the >> to see the rest of the toolbar. Notice bug#2 that the long label now overlaps the one beneath it incorrectly.
Thanks,.
/Z
<%@ Page Language="C#" %>
<!DOCTYPE html>
<html>
<head runat="server">
<title>Image on Collapsed BorderLayout Region - Ext.NET Examples</title>
<link href="/resources/css/examples.css" rel="stylesheet" />
<script type="text/javascript">
var test = function () {
App.WestPanel1.collapse();
};
</script>
</head>
<body>
<ext:ResourceManager ID="ResourceManager1" runat="server" IDMode="Explicit" >
<Listeners>
<DocumentReady Handler="test();" />
</Listeners>
</ext:ResourceManager>
<h1>Image on Collapsed BorderLayout Region</h1>
<ext:Window
runat="server"
Title="Collapsed Region Image"
Icon="Application"
Width="400"
Height="350"
Border="false"
Closable="false"
X="100"
Y="100"
Plain="true"
Layout="BorderLayout">
<Items>
<ext:Panel ID="WestPanel1"
runat="server"
Title="Main Menu"
TitleCollapse="false"
Floatable="false"
Collapsed="false"
Region="West"
Width="178"
Split="true"
Layout="FitLayout"
Collapsible="true">
</ext:Panel>
<ext:Panel runat="server" Region="Center" Title="Center region" >
<TopBar>
<ext:Toolbar ID="ToolbarTimecard" runat="server" EnableOverflow="true" >
<Items>
<ext:Label ID="errrtert" runat="server" Html="<b> My Val:</b>" />
<ext:Button ID="ertert" runat="server" Icon="ResultsetPrevious">
</ext:Button>
<ext:ComboBox ID="eeeeee"
runat="server"
ForceSelection="true"
TriggerAction="All"
Width="170"
DisplayField="dates"
QueryMode="Local"
ValueField="id"
Editable="false" >
</ext:ComboBox>
<ext:Button ID="sfsdfsdf" runat="server" Icon="ResultsetNext">
</ext:Button>
<ext:ToolbarSeparator />
<ext:Label ID="eee" runat="server" Html="<b> Test:</b>" />
<ext:Label ID="rrr" runat="server" Html="Test" />
<ext:ToolbarSeparator />
<ext:Label ID="ttt" runat="server" Html="<b> Test2:</b>" />
<ext:Label ID="yyy" runat="server" Html="Test2" />
<ext:ToolbarSeparator />
<ext:Label ID="uuu" runat="server" Html="<b> Test3:</b>" />
<ext:Label ID="iii" runat="server" Html="Testing a pretty long string which looks like an overlap issue. Lets make it bigger" />
<ext:ToolbarSeparator />
<ext:Label ID="Label1" runat="server" Html="<b> Test4:</b>" />
<ext:Label ID="Label2" runat="server" Html="Test4" />
<ext:ToolbarFill />
</Items>
</ext:Toolbar>
</TopBar>
</ext:Panel>
<ext:Panel
ID="SouthPanel"
runat="server"
Region="South"
Collapsible="true"
MinHeight="100"
Split="true"
Height="100"
Title="Footer"
TitleCollapse="false"
Floatable="false"
Collapsed="true">
<Listeners>
<AfterRender Handler="this.setTitle('');" />
<BeforeCollapse Handler="this.setTitle('');" />
<BeforeExpand Handler="this.setTitle(this.initialConfig.title);" />
</Listeners>
</ext:Panel>
</Items>
</ext:Window>
</body>
</html>
Last edited by fabricio.murta; Dec 26, 2017 at 2:54 PM.