[CLOSED] UI issue with Toolbar

  1. #1

    [CLOSED] UI issue with Toolbar

    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>
    Attached Thumbnails Click image for larger version. 

Name:	ToolbarUI.jpg 
Views:	38 
Size:	88.9 KB 
ID:	3494  
    Last edited by Daniil; Nov 26, 2011 at 3:25 PM. Reason: [CLOSED]
  2. #2
    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.

Similar Threads

  1. [CLOSED] Hidden toolbar JS issue
    By bakardi in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Apr 13, 2011, 2:20 PM
  2. [CLOSED] [1.0] Issue adding Ext.Net Toolbar dynamically
    By r_honey in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Dec 02, 2010, 10:06 AM
  3. [CLOSED] Toolbar Button 2nd Click Issue
    By CMA in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Jun 01, 2010, 10:18 AM
  4. [CLOSED] [1.0] issue w/Toolbar in Panel.Content
    By randy85253 in forum 1.x Legacy Premium Help
    Replies: 5
    Last Post: Oct 30, 2009, 6:43 PM
  5. [CLOSED] IE 7 issue with hidden toolbar
    By mjessup in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Apr 30, 2009, 11:43 AM

Posting Permissions