Originally Posted by
Baidaly
Hello!
We are investigating. Temporarily use following handler:
<ext:Panel
ID="WestPanel"
runat="server"
Region="West"
Title="West"
Width="175"
MinWidth="175"
MaxWidth="400"
Split="true"
Collapsible="true">
<Listeners>
<Collapse Handler="
var titleText = item.placeholder.items.last().el.child('svg');
titleText.setWidth(titleText.getWidth() + 4);
"></Collapse>
</Listeners>
<Items>
</Items>
</ext:Panel>
The handler you provided is not reliable. We have a complex layout in our application that uses outer and inner collapsible panel. when applied on all the west and east panel, the outer collapsible text is hidden and then the inter west panel is fixed but reverts back when the east panel iss collapsed.
below is the layout in our app.
function PanelCollapseHandler (item) {
var titleText = item.placeholder.items.last().el.child('svg');
titleText.setWidth(titleText.getWidth() + 4);
},
<ext:Viewport ID="Viewport1" runat="server" Layout="BorderLayout" IDMode="Static">
<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">
<Items>
</Items>
<Listeners>
<Collapse Handler="PanelCollapseHandler(this)" />
</Listeners>
</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">
<Listeners>
<Collapse Handler="PanelCollapseHandler(this)" />
</Listeners>
</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>
<Listeners>
<Collapse Handler="PanelCollapseHandler(this)" />
</Listeners>
</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>
<Listeners>
</Listeners>
</ext:Viewport>
Please let me know if there is a better way to resolve this.