[CLOSED] Part of panel cannot display

  1. #1

    [CLOSED] Part of panel cannot display

    Dear Sir:

    I want to divide page in four parts use ViewPort control. but one part cannot display. Can you help me to find out the problem.
    Thanks

    Holly

    Here is Default.aspx code:
    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
    
    <!DOCTYPE html>
     
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
    </head>
    <body>
        <form id="form1" runat="server">
         <ext:ResourceManager runat="server">        
        </ext:ResourceManager>
        <script type="text/javascript">
            Ext.data.Connection.override({ timeout: 9000000 });
            Ext.Ajax.timeout = 9000000; 
        </script>     
        
        <ext:Viewport ID="ViewPort1" runat="server"   Layout="BorderLayout"   >        
            
            <Items>             
                        <ext:Panel ID="WestPanel" runat="server" Header="false"   Region="Center" Layout="FitLayout"  >
                            <Items>    
                                <ext:Panel ID="Panel1" runat="server" Header="false" layout="BorderLayout" >
                                       <Items>                   
                                        <ext:Panel ID="Panel3" runat="server" Header="false" Region="Center" layout="BorderLayout" Height="440" >
                                            <TopBar>
                                                <ext:Toolbar ID="Toolbar1" runat="server" >
                                                    <Items>                                                                                                          
                                                         
                                                        <ext:Button Text="Button1" ID="btnZoomOut" runat="server"  ToolTip="Zoom Out">                                                         
                                                        </ext:Button>                                                       
                                                          
                                                        <ext:ToolbarTextItem ID="lblErrorMessage" runat="server">
                                                        </ext:ToolbarTextItem>
                                                        <ext:ToolbarFill>
                                                        </ext:ToolbarFill>
                                                          
                                                    </Items>
                                                </ext:Toolbar>
                                            </TopBar>
                                            <Items> 
                                              
                                                        <ext:Panel ID="Panel7" runat="server" Title="Page Thumbnails" Region="West" Collapsible="true" Split="true"  Frame="true" AutoScroll="false"  >
                                                            
                                                        </ext:Panel> 
                                                        <ext:Panel ID="Panel2" runat="server" Title="Selected Page" Region="Center" Dock="Top" Collapsible="false" AutoScroll="false"  >
                                                             
                                                        </ext:Panel>                                                 
                                                     
                                            </Items>
                                        </ext:Panel>
    
                                            <ext:Panel ID="Panel8" runat="server" Header="false" Region="South" Height="400" layout="BorderLayout"  >
                                            <TopBar>
                                                <ext:Toolbar ID="Toolbar3" runat="server" >
                                                    <Items>                                                                                                          
                                                         
                                                        <ext:Button  Text="Button3" ID="Button13" runat="server"  ToolTip="Zoom Out">                                                        
                                                        </ext:Button>                                                     
                                                          
                                                        <ext:ToolbarTextItem ID="ToolbarTextItem5" runat="server">
                                                        </ext:ToolbarTextItem>
                                                        <ext:ToolbarFill>
                                                        </ext:ToolbarFill>
                                                          
                                                    </Items>
                                                </ext:Toolbar>
                                            </TopBar>
                                            <Items> 
                                              
                                                        <ext:Panel ID="Panel9" runat="server" Title="Page Thumbnails" Region="West" Collapsible="true" Split="true"  Frame="true" AutoScroll="false"  >
                                                            
                                                        </ext:Panel> 
                                                        <ext:Panel ID="Panel10" runat="server" Title="Selected Page" Region="Center" Dock="Top" Collapsible="false" AutoScroll="false"  >
                                                            
                                                        </ext:Panel>                                                 
                                                     
                                            </Items>
                                        </ext:Panel>
    
                                           </Items>    
                                     </ext:Panel>     
                                     </Items>     
    
                                                   
                        </ext:Panel>  
                     <ext:Panel ID="East" runat="server" Header="false" Region="East" Width="600" Layout="BorderLayout"   >
                            <Items>       
                                 <ext:Panel ID="Panel11" runat="server" Header="false" layout="BorderLayout" Region="Center" Height="430"  >
                                       <Items>                   
                                        <ext:Panel ID="Panel4" runat="server" Header="false" Height="430" layout="BorderLayout" >
                                            <TopBar>
                                                <ext:Toolbar ID="Toolbar2" runat="server"  >
                                                    <Items>                                                                                                     
                                                         
                                                        <ext:Button Text="Button2" ID="Button2" runat="server"  ToolTip="Zoom Out">                                                         
                                                        </ext:Button>                                                      
                                                          
                                                        <ext:ToolbarTextItem ID="ToolbarTextItem3" runat="server">
                                                        </ext:ToolbarTextItem>
                                                        <ext:ToolbarFill>
                                                        </ext:ToolbarFill>
                                                          
                                                    </Items>
                                                </ext:Toolbar>
                                            </TopBar>
                                            <Items> 
                                              
                                                        <ext:Panel ID="Panel5" runat="server" Title="Page Thumbnails" Region="West" Collapsible="true" Split="true"  Frame="true" AutoScroll="false"  >
                                                              
                                                        </ext:Panel> 
                                                        <ext:Panel ID="Panel6" runat="server" Title="Selected Page" Region="Center" Dock="Top" Collapsible="false" AutoScroll="false"  >
                                                           
                                                        </ext:Panel>                                                 
                                                     
                                            </Items>
                                        </ext:Panel>
                                           <ext:Panel ID="Panel12" runat="server" Header="false" Region="South" Height="400" layout="BorderLayout"  >
                                            <TopBar>
                                                <ext:Toolbar ID="Toolbar4" runat="server" >
                                                    <Items>                                                                                                          
                                                         
                                                        <ext:Button Text="Button4" ID="Button24" runat="server"  ToolTip="Zoom Out">                                                        
                                                        </ext:Button> 
                                                        <ext:ToolbarTextItem ID="ToolbarTextItem7" runat="server">
                                                        </ext:ToolbarTextItem>
                                                        <ext:ToolbarFill>
                                                        </ext:ToolbarFill>
                                                          
                                                    </Items>
                                                </ext:Toolbar>
                                            </TopBar>
                                            <Items> 
                                              
                                                        <ext:Panel ID="Panel13" runat="server" Title="Page Thumbnails" Region="West" Collapsible="true" Split="true"  Frame="true" AutoScroll="false"  >
                                                           
                                                        </ext:Panel> 
                                                        <ext:Panel ID="Panel14" runat="server" Title="Selected Page" Region="Center" Dock="Top" Collapsible="false" AutoScroll="false"  >
                                                            
                                                        </ext:Panel>                                                 
                                                     
                                            </Items>
                                        </ext:Panel>
    
                                    </Items>    
                                     </ext:Panel>     
                                     </Items>                         
                        </ext:Panel>  
            </Items>
        </ext:Viewport>
        </form>
    </body>
    </html>
    Here is web.config code:
    <?xml version="1.0"?>
    
    <!--
      For more information on how to configure your ASP.NET application, please visit
      http://go.microsoft.com/fwlink/?LinkId=169433
      -->
    
    <configuration>
    
      <configSections>
        <section name="extnet" type="Ext.Net.GlobalConfig" requirePermission="false"/>
      </configSections>
      <extnet theme="Crisp" licenseKey="" />
      <system.web>
          <compilation debug="true" targetFramework="4.5.2" />
        <pages controlRenderingCompatibilityVersion="3.5" clientIDMode="AutoID">
          <controls>
            <add tagPrefix="ext" namespace="Ext.Net" assembly="Ext.Net"/> 
          </controls>
        </pages>
        <httpHandlers>
          <add path="*/ext.axd" verb="*" type="Ext.Net.ResourceHandler" validate="false"/>
         </httpHandlers>
        <httpModules>
          <add name="DirectRequestModule" type="Ext.Net.DirectRequestModule, Ext.Net"/>      
        </httpModules>
        
          <httpRuntime targetFramework="4.5.2" />
        </system.web>
      <system.webServer>
        <validation validateIntegratedModeConfiguration="false"/>
        <modules>
          <add name="DirectRequestModule" preCondition="managedHandler" type="Ext.Net.DirectRequestModule, Ext.Net"/>     
         </modules>
        <handlers>
          <add name="DirectRequestHandler" verb="*" path="*/ext.axd" preCondition="integratedMode" type="Ext.Net.ResourceHandler"/>
        </handlers>
      </system.webServer>
    </configuration>
    Last edited by fabricio.murta; Apr 27, 2018 at 2:38 PM.
  2. #2
    Hello @Holly!

    Your sample is not showing anything to me as it is. It is throwing an exception, does it not happen to you? The exception message is pretty clear with the solution needed, but I just wanted to confirm with you, as your example -should- be throwing an exception and displaying no result at all, not just hiding one part.

    Maybe you're not in the latest Ext.NET version (4.5.1). If not, the solution we provide here may be inaccurate, as we may be talking about an already solved issue or an issue that is addressed differently in the current version. We strongly suggest you to update Ext.NET to the latest version.
    Fabrício Murta
    Developer & Support Expert
  3. #3
    No, I don't have exception. I can display three parts. only one part cannot display. Do you need whole visual studio project? I can send to you.
  4. #4
    Version of Ext.NET you are using? I don't see anything odd with your web.config but this should be throwing an exception... Well, unless you are not running your code in debug mode. Here, try this. The solution is simple once you get the exception to trigger:

    Add ScriptMode="Debug" to your Resource Manager (line 11 on your code), the exception will trigger.

     <ext:ResourceManager runat="server" ScriptMode="Debug">
    You can also trigger the debug by default throughout all project in your Web.config line 13 and add (obey case) scriptMode="Debug"

    Well, anyway, either give a width or set a region to your Panel4. It is inside a BorderLayout container, so you probably want it to have a Region, or use another layout (FitLayout maybe?) in the surrounding container. Giving the panel4 a width (as suggested by the exception) also helps, but is probably not what you want.

    I hope this helps!
  5. #5
    Hello @Holly!

    It has been a while since we last replied to your inquiry here, and still no feedback from you. Do you still need help on this issue?

    We may mark the thread as closed if you do not post back in 7+ days from now, but that won't prevent you from posting follow-ups afterwards, so take your time.
    Fabrício Murta
    Developer & Support Expert

Similar Threads

  1. display row count of grid panel
    By aditi in forum 1.x Help
    Replies: 2
    Last Post: Apr 08, 2014, 4:32 AM
  2. [CLOSED] Panel display & dropable problem in IE8 and IE7 in MVC
    By Tactem in forum 2.x Legacy Premium Help
    Replies: 6
    Last Post: Feb 11, 2014, 4:04 PM
  3. Set Panel HTML propertie in Javascript part
    By OCaglayan in forum 2.x Help
    Replies: 1
    Last Post: Jul 18, 2012, 10:55 PM
  4. How to display a Table inside a Tab Panel?
    By rpk2006 in forum 1.x Help
    Replies: 1
    Last Post: May 04, 2012, 1:53 PM
  5. Replies: 11
    Last Post: Apr 08, 2010, 1:36 PM

Posting Permissions