[CLOSED] UI issue with Toolbar

[Shanth]

Hi all,

I have a Collapsible panel in viewport, when i drag this panel above the width specifed. Toolbar does not fit.

<ext:Viewport runat="server" Layout="BorderLayout" ID="vpIndexPage">
        <Items>
                       <ext:Panel ID="WestPanel" runat="server" Collapsible="true" Layout="Fit" Region="West"
                Split="true" Width="275" Title="" Icon="Group">
                <Content>
                    <nxtwuc:LeftNavigationControl ID="lnc" runat="server" />
                </Content>
            </ext:Panel>

Please find the attached screen and below is the code for LeftNavigatinControl.

<ext:Panel ID="Panel1" runat="server" Region="Center" BodyStyle="background-color: #DFE8F6">
                <Items>
                    <ext:TreePanel Height="600" Layout="Fit" ID="LocationTreePnl" Lines="true" runat="server"
                        Draggable="false" Frame="false" UseArrows="false" AutoScroll="true" Animate="true"
                        EnableDD="false" CollapseFirst="false" ContainerScroll="true" Border="false"
                        RootVisible="false" AutoDataBind="true" AutoDestroy="true">
                        <Loader>
                            <ext:TreeLoader DataUrl="/Common/GetTree" PreloadChildren="true">
                                <BaseAttributes>
                                    <ext:Parameter Name="nodeType" Value="node" Mode="Value" />
                                </BaseAttributes>
                                <BaseParams>
                                    <ext:Parameter Name="Feature" Value="Home" Mode="Value" />
                                    <ext:Parameter Name="companyId" Value="Ext.GLOBAL_STORE.SelectedCompanyId" Mode="Raw" />
                                </BaseParams>
                            </ext:TreeLoader>
                        </Loader>
                        <TopBar>
                            <ext:Toolbar ID="tbIVTLHGG" runat="server" Layout="ContainerLayout">
                                <Items>
                                    <ext:Toolbar ID="Toolbar1" runat="server">
                                        <Items>
                                            <nxtwc:NxtToolbarTextItem ID="ToolbarTextItem1" runat="server" Text="Filter" />
                                            <ext:ToolbarSpacer />
                                            <ext:TriggerField ID="TriggerFieldLT" runat="server" EnableKeyEvents="true">
                                                <Triggers>
                                                    <ext:FieldTrigger Icon="Clear" />
                                                </Triggers>
                                                <Listeners>
                                                    <KeyUp Handler="Common.filterTree({tree:#{LocationTreePnl},trigger:#{TriggerFieldLT}});" Buffer="250" />
                                                    <TriggerClick Handler="Common.clearFilter({tree:#{LocationTreePnl},trigger:#{TriggerFieldLT}});" />
                                                </Listeners>
                                            </ext:TriggerField>
                                            <ext:ToolbarFill></ext:ToolbarFill>
                                        </Items>
                                    </ext:Toolbar>
                                    <ext:Toolbar ID="tbTree" runat="server">
                                        <Items>
                                            <ext:Button ID="btnExpandAll" runat="server" Text="Expand All">
                                                <Listeners>
                                                    <Click Handler="#{LocationTreePnl}.expandAll();" />
                                                </Listeners>
                                            </ext:Button>
                                            <ext:Button ID="btnCollapseAll" runat="server" Text="Collapse All">
                                                <Listeners>
                                                    <Click Handler="#{LocationTreePnl}.collapseAll();" />
                                                </Listeners>
                                            </ext:Button>
                                        </Items>
                                    </ext:Toolbar>
                                </Items>
                            </ext:Toolbar>
                        </TopBar>
                         <Root>
                            <ext:AsyncTreeNode NodeID='0' Draggable="false" Icon="BuildingKey" Expanded="false">
                            </ext:AsyncTreeNode>
                        </Root>
                    </ext:TreePanel>
                </Items>
            </ext:Panel>

[Daniil]

Hi,

Please wrap the Panel1 in an <ext:FitLayout> control.

If you place a user control into a container's Content, then the Layout property doesn't affect.