[CLOSED] Minimum size of a page

Page 1 of 5 123 ... LastLast
  1. #1

    [CLOSED] Minimum size of a page

    Is there any way I can limit the minimum size of a page?
    In the picture attached, I would set a minimum size so that the user can not resize the browser window to exceed the minimum size that I want to set.
    Last edited by geoffrey.mcgill; Jun 13, 2011 at 3:10 PM. Reason: [CLOSED]
  2. #2
    Hi,

    Ext.Net has no such functionality. Try to find info about it in internet
    For example, read the following article
    http://oddhammer.com/index.php/site/...m_window_size/
  3. #3
    Quote Originally Posted by Vladimir View Post
    Hi,

    Ext.Net has no such functionality. Try to find info about it in internet
    For example, read the following article
    http://oddhammer.com/index.php/site/...m_window_size/
    Ok, thanks
  4. #4
    Quote Originally Posted by Vladimir View Post
    Hi,

    Ext.Net has no such functionality. Try to find info about it in internet
    For example, read the following article
    http://oddhammer.com/index.php/site/...m_window_size/
    I have the following structure.

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="SUtPrt00.aspx.cs" Inherits="Sispro.Ut.Geral.PL.SUtLogW500.Views.SUtPrt00" %>
    
    <%@ 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 id="Head1" runat="server">
     </head>
    <body>
        <form id="frmSutPrt00" runat="server">
        <ext:ResourceManager ID="ResourceManager1" runat="server">
            <Listeners>
                <WindowResize Handler="if (Spot.active) {
                               Spot.hide();
                               Spot.show.defer(100, Spot, [Spot.activeCmp]);
                           }" />
            </Listeners>
        </ext:ResourceManager>
        <ext:Spotlight ID="Spot" runat="server" Animate="False" />
        <div class="divFundoMenu1">
        </div>
        <div class="divFundoMenu2">
        </div>
        <div class="divLogoMenu">
        </div>
        <ext:Viewport ID="Viewport1" runat="server" AutoScroll="True">
            <Items>
                <ext:BorderLayout ID="BorderLayout1" runat="server">
                    <North Split="true" MarginsSummary="5 5 0 5" MinHeight="73px" MaxHeight="73px">
                        <ext:Panel ID="Panel1" runat="server" MinHeight="73px" MaxHeight="73px" Height="73px"
                            Cls="CssExtPainelTop">
                            
                        </ext:Panel>
                    </North>
                    <West Collapsible="true" Split="true" MinHeight="210px" MinWidth="130px" MaxWidth="500px"
                        MarginsSummary="0 0 5 5" CMarginsSummary="5 5 5 5" UseSplitTips="True" ExpandableSplitTip="Exibe o painel lateral" SplitTip="Splitxxx" CollapsibleSplitTip="Altera largura do painel lateral">
                     
                    </West>
                    <Center MarginsSummary="0 5 5 0">
                        <ext:TabPanel ID="TabPanelPages" runat="server" EnableTabScroll="true" Cls="CssExtTabPages"
                            MinHeight="240px" LabelPad="5" HideMode="Offsets">
                        </ext:TabPanel>
                    </Center>
                </ext:BorderLayout>
            </Items>
        </ext:Viewport>
         </form>
    </body>
    </html>
    I wish to resize the screen and reaching a width of less than 950px the scrollbar to appear.
    I think I put Viewport.
    When I resize the scroll bars appear when you release the mouse but they disappear.
  5. #5
    I believe this is the default functionality of the browser and not directly related to Ext.NET/ExtJS. The browser will decide if/when to render scroll bars.
    Geoffrey McGill
    Founder
  6. #6
    Hi,

    Please note that AutoScroll property cannot be used in the container if BorderLayout is used (BorderLayout items occupie whole container and don't exceed it)
  7. #7
    Quote Originally Posted by Vladimir View Post
    Hi,

    Please note that AutoScroll property cannot be used in the container if BorderLayout is used (BorderLayout items occupie whole container and don't exceed it)
    What should I use the scroll bars to appear?
    Should I set each item in BorderLayout?
  8. #8
    You can use additional containers.

    Example
    <%@ 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>
        <form runat="server">
            <ext:ResourceManager runat="server" />
            <ext:Viewport runat="server" Layout="BorderLayout">
                <Items>
                    <ext:Container runat="server" Region="Center" AutoScroll="true">
                        <Items>
                            <ext:Panel 
                                runat="server" 
                                Title="Test" 
                                Html="Test" 
                                Width="3000" 
                                Height="3000"
                                AutoScroll="true" />
                        </Items>
                    </ext:Container>
                </Items>
            </ext:Viewport>
        </form>
    </body>
    </html>
  9. #9
    Quote Originally Posted by Daniil View Post
    You can use additional containers.

    Example
    <%@ 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>
        <form runat="server">
            <ext:ResourceManager runat="server" />
            <ext:Viewport runat="server" Layout="BorderLayout">
                <Items>
                    <ext:Container runat="server" Region="Center" AutoScroll="true">
                        <Items>
                            <ext:Panel 
                                runat="server" 
                                Title="Test" 
                                Html="Test" 
                                Width="3000" 
                                Height="3000"
                                AutoScroll="true" />
                        </Items>
                    </ext:Container>
                </Items>
            </ext:Viewport>
        </form>
    </body>
    </html>
    But what I need is that when you resize to a width less than 950px appearing scrollbars.
  10. #10
    Please see the example.

    Example
    <%@ 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>
        
        <script type="text/javascript">
            var onResize = function () {
                Container1.setAutoScroll(this.getWidth() < 950);
            }
        </script>
    </head>
    <body>
        <form runat="server">
            <ext:ResourceManager runat="server" />
            <ext:Viewport runat="server" Layout="BorderLayout">
                <Items>
                    <ext:Container 
                        ID="Container1" 
                        runat="server" 
                        Region="Center">
                        <Items>
                            <ext:Panel 
                                runat="server" 
                                Title="Test" 
                                Html="Test" 
                                Width="3000" 
                                Height="3000"
                                AutoScroll="true" />
                        </Items>
                    </ext:Container>
                </Items>
                <Listeners>
                    <Resize Fn="onResize" />
                </Listeners>
            </ext:Viewport>
        </form>
    </body>
    </html>
Page 1 of 5 123 ... LastLast

Similar Threads

  1. [CLOSED] ext:GridPanel: Calculated page size
    By supera in forum 2.x Legacy Premium Help
    Replies: 1
    Last Post: Apr 27, 2012, 4:13 PM
  2. [CLOSED] Huge page size from comboboxes
    By jchau in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Mar 15, 2012, 9:52 PM
  3. [CLOSED] PagingToolbar - save page size
    By pj_martins in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Dec 19, 2011, 7:27 PM
  4. [CLOSED] How Can I get the page size that is loaded from a panel?
    By flormariafr in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Jun 03, 2010, 1:30 PM
  5. [CLOSED] page size selector
    By alexp in forum 1.x Help
    Replies: 2
    Last Post: Nov 24, 2008, 10:36 AM

Posting Permissions