[CLOSED] [1.0] Items of MenuPanel are not rendered if Menupanel is collapsed

  1. #1

    [CLOSED] [1.0] Items of MenuPanel are not rendered if Menupanel is collapsed



    Hi,

    I have the following code:

    
    <ext:Panel ID="NavPanel" runat="server" Title="Navigation" Width="350" EnableViewState="true">
    *			<Content>
    					<ext:AccordionLayout ID="NavAccordion" runat="server" Animate="false">
    						<Items>								
    							<ext:MenuPanel ID="NewPanel" runat="server" Title="Neu" Icon="New" Border="false"
    								SaveSelection="true" Height="300">
    								<Menu runat="server">
    									<Items>
    *									<ext:MenuItem ID="DynamicTemplate" runat="server" Text="Dynamische Dokumentvorlage" Icon="NoteAdd">
    										</ext:MenuItem>
    										<ext:MenuItem ID="StaticTemplate" runat="server" Text="Statische elektronische Dokumentvorlage"
    *										Icon="PageAdd">
    										</ext:MenuItem>
    *									<ext:MenuItem ID="PhysicalTemplate" runat="server" Text="Papiervorlage" Icon="ScriptAdd">
    										</ext:MenuItem>
    										<ext:MenuSeparator runat="server" />
    *									<ext:MenuItem ID="LayoutPackage" runat="server" Text="Layoutpaket" Icon="PackageAdd">
    										</ext:MenuItem>
    										<ext:MenuSeparator ID="MenuSeparator2" runat="server" />
    *									<ext:MenuItem ID="FontPackage" runat="server" Text="Schriftenliste" Icon="FontAdd">
    										</ext:MenuItem>
    *									<ext:MenuItem ID="TestTemplate" runat="server" Text="Prüfschablone" Icon="ApplicationViewTile">
    										</ext:MenuItem>
    *									<ext:MenuItem ID="DataSource" runat="server" Text="Datenquelle" Icon="DvdAdd">
    											</Listeners>
    										</ext:MenuItem>
    *									<ext:MenuItem ID="CsvDataSource" runat="server" Text="CSV-Datenquelle" Icon="TableAdd">*				*
    										</ext:MenuItem>
    									</Items>
    								</Menu>
    *						</ext:MenuPanel><ext:Panel ID="BinderPanel" runat="server" Border="false" Icon="Folder" Title="Vorlagenbaum"
    *							Collapsed="True" AutoShow="true">
    *						</ext:Panel>
    				</Items>
    			  </ext:AccordionLayout>
    			</Content>
    		  </ext:Panel>
    *

    If I do it that way, I can see all of my menu items. If I add Collapsed="true" to the newpanel, my menu items are gone.
  2. #2

    RE: [CLOSED] [1.0] Items of MenuPanel are not rendered if Menupanel is collapsed

    Hi,

    Fixed. Now if panel is initially collapsed then menu will not be rendered until first expand
    Please update from SVN
  3. #3

    RE: [CLOSED] [1.0] Items of MenuPanel are not rendered if Menupanel is collapsed

    Yes, after updating via SVN I now see all my menu links. BUT... my search controls are gone.

                                <ext:Panel ID="PackagePanel" runat="server" Height="300" Title="Suchen" Icon="Find"
                                    Collapsed="true" Border="false" BodyStyle="padding:20px 20px 10px 10px" AutoScroll="true">
                                    <Content>
                                        <ext:AnchorLayout runat="server">
                                            <Anchors>
                                                <ext:Anchor Horizontal="100%">
                                                    <ext:Panel runat="server" ID="Panel1" FormGroup="true" Title="Spezielle Suchen">
                                                        <Content>
                                                            
                                                                <ext:LinkButton Icon="Time" ID="checkedout" runat="server" Cls="form-text" StyleSpec="padding: 2px 0px 1px 30px">
                                                                </ext:LinkButton>
                                                            
    
                                                            
                                                                <ext:LinkButton Icon="Folder" ID="nofolders" runat="server" Cls="form-text" StyleSpec="padding: 2px 0px 1px 30px">
                                                                </ext:LinkButton>
                                                            
    
                                                            
                                                                <ext:LinkButton Icon="Bin" ID="deleted" runat="server" Cls="form-text" StyleSpec="padding: 2px 0px 1px 30px">
                                                                </ext:LinkButton>
                                                            
    
                                                            
                                                                <ext:LinkButton Icon="PageRed" ID="disabled" runat="server" Cls="form-text" StyleSpec="padding: 2px 0px 1px 30px">
                                                                </ext:LinkButton>
                                                            
    
                                                            <br />
                                                         </Content>
                                                    </ext:Panel>
                                                </ext:Anchor>
                                                <ext:Anchor Horizontal="100%">
                                                    <ext:Panel runat="server" ID="Searches" FormGroup="true" Title="Individualsuche">
                                                        <Content>
                                                            <ext:FitLayout runat="server">
                                                                <Items>
                                                                    <ext:FormPanel runat="server" ID="SearchFormPanel" Frame="false" Border="false" ButtonAlign="Right"
                                                                        StyleSpec="padding-left: 30px">
                                                                        <Content>
                                                                            <ext:FormLayout runat="server" ID="SearchFormLayout">
                                                                                <Anchors>
                                                                                    <ext:Anchor Horizontal="95%">
                                                                                        <ext:ComboBox ID="SearchPackageTypeCombo" runat="server" Editable="false" FieldLabel="Pakettyp"
                                                                                            Resizable="true" ListWidth="180px">    
                                                                                        </ext:ComboBox>
                                                                                    </ext:Anchor>
                                                                                    <ext:Anchor Horizontal="95%">
                                                                                        <ext:ComboBox ID="PackageNameCombo" StoreID="PackageNameStore" runat="server" Editable="true"
                                                                                            FieldLabel="Bezeichner" Resizable="true" ListWidth="180px" DisplayField="id"
                                                                                            ValueField="name" EnableKeyEvents="true" ForceSelection="false" LoadingText="Lade Namen..."
                                                                                            MinChars="50">
                                                                                        </ext:ComboBox>
                                                                                    </ext:Anchor>
                                                                                    <ext:Anchor Horizontal="95%">
                                                                                        <ext:ComboBox ID="ReferenceCombo" StoreID="ReferenceNameStore" runat="server" Editable="true"
                                                                                            FieldLabel="Bausteinname" Resizable="true" DisplayField="id" ValueField="name"
                                                                                            EnableKeyEvents="true" ListWidth="180px" LoadingText="Lade Bausteinnamen...">
                                                                                        </ext:ComboBox>
                                                                                    </ext:Anchor>
                                                                                    <ext:Anchor Horizontal="95%">
                                                                                        <ext:TextField runat="server" ID="SearchNameField" FieldLabel="Suchbegriff" EnableKeyEvents="true">
                                                                                        </ext:TextField>
                                                                                    </ext:Anchor>
                                                                                    <ext:Anchor Horizontal="95%">
                                                                                        <ext:ComboBox ID="SearchStatusCombo" runat="server" FieldLabel="Status" Editable="false"
                                                                                            StoreID="StatusComboboxStore" DisplayField="id" ValueField="name" TriggerAction="All"
                                                                                            Resizable="true" ListWidth="180px">
                                                                                        </ext:ComboBox>
                                                                                    </ext:Anchor>
                                                                                    <ext:Anchor Horizontal="95%">
                                                                                        <ext:DateField runat="server" ID="PackageDeadLine" FieldLabel="Stichtag" AllowBlank="true" />
                                                                                    </ext:Anchor>
                                                                                    <ext:Anchor>
                                                                                        <ext:Checkbox runat="server" ID="OnlyNewestVersion" BoxLabel="Nur aktuellste Version"
                                                                                            FieldLabel="Versionsumfang" Checked="true" />
                                                                                    </ext:Anchor>
                                                                                </Anchors>
                                                                            </ext:FormLayout>
                                                                        </Content>
                                                                        <Buttons>
                                                                            <ext:Button ID="SearchTemplates" Text="Referenzen suchen" runat="server" Hidden="true"
                                                                                Icon="TableGo">
                                                                                <DirectEvents>
                                                                                    <Click OnEvent="DoReferenceSearch">
                                                                                    </Click>
                                                                                </DirectEvents>
                                                                            </ext:Button>
                                                                            <ext:Button ID="Search" Text="Suchen" runat="server" Icon="Magnifier">
                                                                            </ext:Button>
                                                                        </Buttons>
                                                                    </ext:FormPanel>
                                                                </Items>
                                                            </ext:FitLayout>
                                                        </Content>
                                                    </ext:Panel>
                                                </ext:Anchor>
                                                <ext:Anchor Horizontal="100%">
                                                    <ext:Panel runat="server" ID="Variables" FormGroup="true" Title="Variablensuche">
                                                        <Content>
                                                            <ext:FitLayout runat="server">
                                                                <Items>
                                                                    <ext:FormPanel runat="server" ID="FormPanel1" Frame="false" Border="false" ButtonAlign="Right"
                                                                        StyleSpec="padding-left: 30px">
                                                                        <Content>
                                                                            <ext:FormLayout runat="server" ID="FormLayout2">
                                                                                <Anchors>
                                                                                    <ext:Anchor Horizontal="95%">
                                                                                        <ext:TextField runat="server" ID="Variable" FieldLabel="Variablenname">
                                                                                        </ext:TextField>
                                                                                    </ext:Anchor>
                                                                                    <ext:Anchor Horizontal="95%">
                                                                                        <ext:DateField runat="server" ID="VariableDeadline" FieldLabel="Stichtag" />
                                                                                    </ext:Anchor>
                                                                                </Anchors>
                                                                            </ext:FormLayout>
                                                                        </Content>
                                                                        <Buttons>
                                                                            <ext:Button ID="Button1" Text="Vorlagen suchen" runat="server" Icon="TableGo">
                                                                            </ext:Button>
                                                                        </Buttons>
                                                                    </ext:FormPanel>
                                                                </Items>
                                                            </ext:FitLayout>
                                                        </Content>
                                                    </ext:Panel>
                                                </ext:Anchor>
                                            </Anchors>
                                        </ext:AnchorLayout>
                                    </Content>
                                </ext:Panel>
    I do see my panels and the buttons. That's it. Already tried removing Collapsed="true" to no avail.
  4. #4

    RE: [CLOSED] [1.0] Items of MenuPanel are not rendered if Menupanel is collapsed

    Hi,

    You didn't specify height for the second and third panel but use FitLayout inside those panels.
    Those panels has zero height and FitLayout set the same (zero) height for content


    Please set height for those panels
  5. #5

    RE: [CLOSED] [1.0] Items of MenuPanel are not rendered if Menupanel is collapsed

    How can I set the height depending on the content?

    And it doesn't solve my problem for this part:

    <ext:Anchor Horizontal="100%">
                                                    <ext:Panel runat="server" ID="Panel1" FormGroup="true" Title="Spezielle Suchen">
                                                        <Content>
                                                            
                                                                <ext:LinkButton Icon="Time" ID="checkedout" runat="server" Cls="form-text" StyleSpec="padding: 2px 0px 1px 30px">
                                                                </ext:LinkButton>
                                                            
    
                                                            
                                                                <ext:LinkButton Icon="Folder" ID="nofolders" runat="server" Cls="form-text" StyleSpec="padding: 2px 0px 1px 30px">
                                                                </ext:LinkButton>
                                                            
    
                                                            
                                                                <ext:LinkButton Icon="Bin" ID="deleted" runat="server" Cls="form-text" StyleSpec="padding: 2px 0px 1px 30px">
                                                                </ext:LinkButton>
                                                            
    
                                                            
                                                                <ext:LinkButton Icon="PageRed" ID="disabled" runat="server" Cls="form-text" StyleSpec="padding: 2px 0px 1px 30px">
                                                                </ext:LinkButton>
                                                            
    
                                                            <br />
                                                         </Content>
                                                    </ext:Panel>
                                                </ext:Anchor>
    There is no fitlayout here and setting a height doesn't do anything.
  6. #6

    RE: [CLOSED] [1.0] Items of MenuPanel are not rendered if Menupanel is collapsed

    Hi,

    What problems do you have with first panel? For me it correct displays

    Try to change FitLayout by ContainerLayout

    Please show full example for testing

    Here is my test case
    <%@ Page Language="C#" %>
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
    </head>
    <body>
        <form id="form1" runat="server">
            <ext:ResourceManager ID="ScriptManager1" runat="server">
            </ext:ResourceManager>
            
            <ext:Panel ID="PackagePanel" runat="server" Height="300" Title="Suchen" Icon="Find" Collapsible="true"
                                    Collapsed="true" Border="false" BodyStyle="padding:20px 20px 10px 10px" AutoScroll="true">
                                    <Content>
                                        <ext:AnchorLayout runat="server">
                                            <Anchors>
                                                <ext:Anchor Horizontal="100%">
                                                    <ext:Panel runat="server" ID="Panel1" FormGroup="true" Title="Spezielle Suchen">
                                                        <Content>
                                                            
                                                                <ext:LinkButton Icon="Time" ID="checkedout" runat="server" Cls="form-text" StyleSpec="padding: 2px 0px 1px 30px">
                                                                </ext:LinkButton>
                                                            
    
                                                            
                                                                <ext:LinkButton Icon="Folder" ID="nofolders" runat="server" Cls="form-text" StyleSpec="padding: 2px 0px 1px 30px">
                                                                </ext:LinkButton>
                                                            
    
                                                            
                                                                <ext:LinkButton Icon="Bin" ID="deleted" runat="server" Cls="form-text" StyleSpec="padding: 2px 0px 1px 30px">
                                                                </ext:LinkButton>
                                                            
    
                                                            
                                                                <ext:LinkButton Icon="PageRed" ID="disabled" runat="server" Cls="form-text" StyleSpec="padding: 2px 0px 1px 30px">
                                                                </ext:LinkButton>
                                                            
    
                                                            <br />
                                                         </Content>
                                                    </ext:Panel>
                                                </ext:Anchor>
                                                <ext:Anchor Horizontal="100%">
                                                    <ext:Panel runat="server" ID="Searches" FormGroup="true" Title="Individualsuche">
                              
                                                                <Items>
                                                                    <ext:FormPanel runat="server" ID="SearchFormPanel" Frame="false" Border="false" ButtonAlign="Right"
                                                                        StyleSpec="padding-left: 30px">
                                                                        <Content>
                                                                            <ext:FormLayout runat="server" ID="SearchFormLayout">
                                                                                <Anchors>
                                                                                    <ext:Anchor Horizontal="95%">
                                                                                        <ext:ComboBox ID="SearchPackageTypeCombo" runat="server" Editable="false" FieldLabel="Pakettyp"
                                                                                            Resizable="true" ListWidth="180px">    
                                                                                        </ext:ComboBox>
                                                                                    </ext:Anchor>
                                                                                    <ext:Anchor Horizontal="95%">
                                                                                        <ext:ComboBox ID="PackageNameCombo"  runat="server" Editable="true"
                                                                                            FieldLabel="Bezeichner" Resizable="true" ListWidth="180px" DisplayField="id"
                                                                                            ValueField="name" EnableKeyEvents="true" ForceSelection="false" LoadingText="Lade Namen..."
                                                                                            MinChars="50">
                                                                                        </ext:ComboBox>
                                                                                    </ext:Anchor>
                                                                                    <ext:Anchor Horizontal="95%">
                                                                                        <ext:ComboBox ID="ReferenceCombo"  runat="server" Editable="true"
                                                                                            FieldLabel="Bausteinname" Resizable="true" DisplayField="id" ValueField="name"
                                                                                            EnableKeyEvents="true" ListWidth="180px" LoadingText="Lade Bausteinnamen...">
                                                                                        </ext:ComboBox>
                                                                                    </ext:Anchor>
                                                                                    <ext:Anchor Horizontal="95%">
                                                                                        <ext:TextField runat="server" ID="SearchNameField" FieldLabel="Suchbegriff" EnableKeyEvents="true">
                                                                                        </ext:TextField>
                                                                                    </ext:Anchor>
                                                                                    <ext:Anchor Horizontal="95%">
                                                                                        <ext:ComboBox ID="SearchStatusCombo" runat="server" FieldLabel="Status" Editable="false"
                                                                                            DisplayField="id" ValueField="name" TriggerAction="All"
                                                                                            Resizable="true" ListWidth="180px">
                                                                                        </ext:ComboBox>
                                                                                    </ext:Anchor>
                                                                                    <ext:Anchor Horizontal="95%">
                                                                                        <ext:DateField runat="server" ID="PackageDeadLine" FieldLabel="Stichtag" AllowBlank="true" />
                                                                                    </ext:Anchor>
                                                                                    <ext:Anchor>
                                                                                        <ext:Checkbox runat="server" ID="OnlyNewestVersion" BoxLabel="Nur aktuellste Version"
                                                                                            FieldLabel="Versionsumfang" Checked="true" />
                                                                                    </ext:Anchor>
                                                                                </Anchors>
                                                                            </ext:FormLayout>
                                                                        </Content>
                                                                        <Buttons>
                                                                            <ext:Button ID="SearchTemplates" Text="Referenzen suchen" runat="server" Hidden="true"
                                                                                Icon="TableGo">
                                                                                
                                                                            </ext:Button>
                                                                            <ext:Button ID="Search" Text="Suchen" runat="server" Icon="Magnifier">
                                                                            </ext:Button>
                                                                        </Buttons>
                                                                    </ext:FormPanel>
                                                                </Items>
                                                    </ext:Panel>
                                                </ext:Anchor>
                                                <ext:Anchor Horizontal="100%">
                                                    <ext:Panel runat="server" ID="Variables" FormGroup="true" Title="Variablensuche">
               
                                                                <Items>
                                                                    <ext:FormPanel runat="server" ID="FormPanel1" Frame="false" Border="false" ButtonAlign="Right"
                                                                        StyleSpec="padding-left: 30px">
                                                                        <Content>
                                                                            <ext:FormLayout runat="server" ID="FormLayout2">
                                                                                <Anchors>
                                                                                    <ext:Anchor Horizontal="95%">
                                                                                        <ext:TextField runat="server" ID="Variable" FieldLabel="Variablenname">
                                                                                        </ext:TextField>
                                                                                    </ext:Anchor>
                                                                                    <ext:Anchor Horizontal="95%">
                                                                                        <ext:DateField runat="server" ID="VariableDeadline" FieldLabel="Stichtag" />
                                                                                    </ext:Anchor>
                                                                                </Anchors>
                                                                            </ext:FormLayout>
                                                                        </Content>
                                                                        <Buttons>
                                                                            <ext:Button ID="Button1" Text="Vorlagen suchen" runat="server" Icon="TableGo">
                                                                            </ext:Button>
                                                                        </Buttons>
                                                                    </ext:FormPanel>
                                                                </Items>
                                                    </ext:Panel>
                                                </ext:Anchor>
                                            </Anchors>
                                        </ext:AnchorLayout>
                                    </Content>
                                </ext:Panel>
    
        </form>
    </body>
    </html>

Similar Threads

  1. MenuPanel
    By macmilanfly in forum 1.x Help
    Replies: 0
    Last Post: Jul 19, 2012, 6:27 AM
  2. Replies: 0
    Last Post: Mar 12, 2012, 7:26 AM
  3. MenuPanel update items from javascript
    By Paul D in forum 1.x Help
    Replies: 2
    Last Post: Sep 23, 2010, 2:12 PM
  4. [CLOSED] [1.0] MenuPanel in v0.8.1 vs MenuPanel in v1.0
    By fehmeed.bilgrami in forum 1.x Legacy Premium Help
    Replies: 5
    Last Post: Jan 29, 2010, 6:17 AM
  5. MenuPanel dynamic items add
    By yarlenvas in forum 1.x Help
    Replies: 3
    Last Post: Mar 11, 2009, 2:30 AM

Posting Permissions