[CLOSED] Page Layout Issue

Page 3 of 4 FirstFirst 1234 LastLast
  1. #21
    I have already posted the master page layout code. Following is the layout of user control which has the problem with scrolling

    <ext:Panel ID="OuterPanel" runat="server" AutoHeight="true" AutoWidth="true" border="false" IDMode="Explicit" ClientID="OuterPanel" AutoScroll="true" >
    <Content>
    <ext:FormPanel runat="server" border="true" LabelAlign="Top" ColumnWidth="1" ID="FilterPanel" Title="Filters" ButtonAlign="Center" height="500px" autowidth="true" PaddingSummary="5px 20px 5px 5px">
        <items>  
        //Bunch of MultiCombo controls
        </Items
      </FormPanel>
         <ext:formPanel id="frmButton" border="false" paddingsummary="5">
          <content>
           //Couple of LinkButton controls
          </content>
         </FormPanel>
     </Content>
    </Panel>

    I am not sure if I tried changing this panel to container as well yesterday.
  2. #22
    Well, AutoHeight and AutoScroll options are inconsistent with each other.

    Please try to remove
    AutoHeight="true"
    Also please replace
    <Content>
    with
    <Items>
  3. #23
    Removed AutoHeight which did not make any difference. Changing Content to Items makes the panel come up empty.
  4. #24
    Does setting up explicit Height help?
  5. #25
    Please clarify is this issue still actual or can be marked closed?
  6. #26
    Hi Daniil,
    Thanks for coming back onto this. I am currently working on another issue which has high priority so unable to come back to this. I will update this thread with more information when I can.

    If you can, please leave this open and I will try to come up with a sample which demonstrates this issue within this week hopefully.

    Cheers.
  7. #27
    Ok, no problem.
  8. #28
    Hi,
    Sorry I tried but could not come up with a layout which would mimic my actual layout and demonstrate the issue so I came up with a drawing which is attached.

    What happens is that if I change the menu from Panel to Container, the filter on the left side either does not scroll at all (so Date Range scrolls under it into invisibility) or it scrolls over the Menu and messes up the whole thing.

    Menu is in the master page and you have seen the code and controls being used for that.
    Filter is a user control inside a webpart which users panels as shown in a code snippet I previously posted.
    Date range is a user control inside a webpart
    Chart area is a user control inside a webpart and it scrolls fine.

    Note: Luckily, I had copied the text after writing it here. When I clicked on "Insert Inline" button on manage attachments window, it deleted the text and just inserted the attachment.

    Click image for larger version. 

Name:	Ext 3.jpg 
Views:	64 
Size:	40.7 KB 
ID:	4696
  9. #29
    Thanks for these details and the screenshot. It definitely helps to understand your layout better.

    Though, I am afraid, we still can't to help you without a sample to reproduce.

    Could you, at least, provide two code snippets:

    1. With the Panel, its content and container when scrolling works;
    2. And when you replaced it with the Container and it broke scrolling?

    Some common notes about scrolling.

    1. Scrolling should appear if AutoScroll is true and the content size exceeds the container size.

    Example 1
    <%@ 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>Ext.NET Example</title>
    </head>
    <body>
        <ext:ResourceManager runat="server" />
    
        <ext:Container 
            runat="server" 
            Width="200" 
            Height="200" 
            AutoScroll="true">
            <Items>
                <ext:Container 
                    runat="server" 
                    Width="300" 
                    Height="300" 
                    Html="I am the inner Container." />
            </Items>
        </ext:Container>
    </body>
    </html>
    2. The AutoHeight/AutoWidth and AutoScroll options are inconsistent with each other. AutoHeight breaks vertical scrolling, AutoWidth - horizontal.

    Example 2
    <%@ 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>Ext.NET Example</title>
    </head>
    <body>
        <ext:ResourceManager runat="server" />
    
        <ext:Container 
            runat="server" 
            Width="200" 
            Height="200" 
            AutoScroll="true"
            AutoHeight="true"
            AutoWidth="true">
            <Items>
                <ext:Container 
                    runat="server" 
                    Width="300" 
                    Height="300" 
                    Html="I am the inner Container." />
            </Items>
        </ext:Container>
    </body>
    </html>
    3. Any layouts which stretch the content up to the container size. Here is a sample with FitLayout. It stretches both height and width and, respectively, breaks both vertical and horizontal scrolling. Also the Width and Height of the inner container don't make any sense in this example, FitLayout just ignores them.

    Example 3
    <%@ 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>Ext.NET Example</title>
    </head>
    <body>
        <ext:ResourceManager runat="server" />
    
        <ext:Container 
            runat="server" 
            Width="200" 
            Height="200" 
            AutoScroll="true"
            Layout="FitLayout">
            <Items>
                <ext:Container 
                    runat="server" 
                    Width="300" 
                    Height="300" 
                    Html="I am the inner Container." />
            </Items>
        </ext:Container>
    </body>
    </html>
    Hope this helps.

    Quote Originally Posted by OSYS_FMS View Post
    Note: Luckily, I had copied the text after writing it here. When I clicked on "Insert Inline" button on manage attachments window, it deleted the text and just inserted the attachment.
    Seems I can't see the "Insert Inline" button. Could you post a screenshot where is it?
  10. #30
    Thanks for the detailed reply. The scrolling that I am talking about is the overall page scrolling in IE not scrolling withing the panel/container which works file. The filter panel has more contents than its height but it scrolls within itself fine. Its when I scroll the page that the whole filter panel does not want to scroll with the rest of the page.



    The insert inline button is at the bottom. This becomes enabled with a (1) when I upload a file.

    Click image for larger version. 

Name:	Ext 4.JPG 
Views:	116 
Size:	48.5 KB 
ID:	4698
Page 3 of 4 FirstFirst 1234 LastLast

Similar Threads

  1. [CLOSED] layout issue when using RowLayout within column layout
    By Daly_AF in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Jun 11, 2012, 2:40 PM
  2. [CLOSED] Page layout in IFrame and resize issue
    By leon_tang in forum 1.x Legacy Premium Help
    Replies: 5
    Last Post: Nov 25, 2011, 8:35 AM
  3. [CLOSED] Page Layout
    By ArcadisUS in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: May 09, 2011, 6:07 PM
  4. [CLOSED] Page layout using layout controls.
    By SymSure in forum 1.x Legacy Premium Help
    Replies: 5
    Last Post: Mar 23, 2010, 12:08 PM
  5. Row and Colum Layout in same page
    By Sameera in forum 1.x Help
    Replies: 2
    Last Post: Jan 13, 2010, 1:27 PM

Posting Permissions