PDA

View Full Version : [CLOSED] Border-layout-east-and-west-region-clip-header-text-on-collapse-in-firefox



RCM
Jan 23, 2013, 7:31 PM
This is a follow up to the thread below

http://forums.ext.net/showthread.php?22980-CLOSED-Border-layout-east-and-west-region-clip-header-text-on-collapse-in-firefox

The current version of ext. net we have in our application is the 2.1 release version. When we used the trunk version of Ext (2.2) the issue is fixed but our application become unstable and throws so many errors.

Is there a work around to fixed the truncating of the text when the collapsible panel is collapsed in firefox when using the release version (2.1). Since the trunck build (2.2) have a lot of breaking changes thats making our application unstable.

Baidaly
Jan 23, 2013, 11:49 PM
Hello!

Try the following one:



<%@ Page Language="C#" %>

<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>

<!DOCTYPE html>

<html>
<head runat="server">
<title>Ext.NET Examples</title>

<script>
var panelCollapseHandler = function (panel) {
var panels = panel.up().items.items;
panels.forEach(function(item) {
if (item.xtype == 'header' && item.items.last().el.child('svg')) {
item.items.last().el.child('svg').setWidth(20);
}
});
};
</script>
</head>
<body>
<form runat="server">
<ext:ResourceManager runat="server" ScriptMode="Debug" SourceFormatting="True" />

<ext:Viewport ID="Viewport1" runat="server" Layout="BorderLayout" IDMode="Static">
<Listeners>
<AfterLayout Handler="
if (Ext.isGecko) {
this.items.items[0].items.items[0].items.each(function(item) {
item.on('expand', panelCollapseHandler);
item.on('collapse', panelCollapseHandler);
})
}"></AfterLayout>
</Listeners>
<Items>
<ext:Panel ID="Panel1" runat="server" Layout="BorderLayout" Region="Center">
<Items>
<ext:Panel runat="server" Layout="BorderLayout" Width="600" Height="400" Title="Tasks"
Region="West" Collapsible="true" ID="TaskPanelMain">
<Items>
<ext:Panel ID="Panel2" runat="server" Collapsible="true" Title="panels"
Region="West" Width="175" Layout="FitLayout">
</ext:Panel>
<ext:Panel ID="Panel3" runat="server" Region="Center" Title="Other task"
Layout="fit">
<Items>

</Items>
</ext:Panel>
<ext:Panel runat="server" Title="Logs"
Width="175" Layout="Fit" Collapsible="true" ID="pnlDesktopModuleEast" Region="East">
</ext:Panel>
<ext:Panel ID="pnlTaskHistory" Collapsible="true" Split="false" Region="South" runat="server"
Layout="FitLayout" Title="History"
Collapsed="true" Height="200" BodyPaddingSummary="10px 10px 10px 10px">
</ext:Panel>
</Items>
</ext:Panel>
<ext:Panel ID="Panel4" runat="server" Region="Center" Layout="FitLayout" Border="false" Frame="false">
</ext:Panel>
</Items>
</ext:Panel>
<ext:Panel ID="Panel5" runat="server" Region="North">
</ext:Panel>
</Items>
</ext:Viewport>
</form>
</body>
</html>

Daniil
Jan 24, 2013, 5:22 AM
Hi @RCM,

In such cases please feel free to continue the old thread even it is marked as closed. It is for the future, not now since you already started a new thread.