[FIXED] [#255] [2.x] Horizontal scroll issue

  1. #1

    [FIXED] [#255] [2.x] Horizontal scroll issue

    Hello,

    I can not get the horizontal scroll for "MyHomePanel" below. Could you point me to the layout mis-configuration?

    Thanks.

    <%@ Page Language="C#" %>
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    <!DOCTYPE html>
    <html>
    <head id="Head1" runat="server">
        <title>Ext.NET Examples</title>
    </head>
    <body>
        <form id="Form1" runat="server">
            <ext:ResourceManager ID="ResourceManager1" runat="server" SourceFormatting="True" />
            <ext:Viewport ID="MyViewport" runat="server" Layout="BorderLayout">
                <Items>
                    <ext:Panel runat="server" ID="MyMenuPanel" Region="West" Layout="AccordionLayout" Collapsible="true" Split="true" Title="Menu" Width="200" MinWidth="200" MaxWidth="400" >
                    </ext:Panel>
                    <ext:TabPanel runat="server" ID="MyTabPanel" Region="Center" Layout="FitLayout" >
                        <Items>
                            <ext:Panel runat="server" ID="MyHomePanel" Closable="false" Title="Home" Icon="House" Layout="VBoxLayout" BodyPadding="5" AutoScroll="true">                                
                                <LayoutConfig>
                                    <ext:VBoxLayoutConfig Align="Stretch"></ext:VBoxLayoutConfig>
                                </LayoutConfig>
                                <Items> 
                                    <ext:Panel runat="server" ID="WelcomePanel" Border="false" Layout="HBoxLayout"></ext:Panel>
                                    <ext:Panel runat="server" ID="DetailsPanel" Layout="HBoxLayout" Flex="1" MinWidth="1024" MinHeight="550">
                                    </ext:Panel>     
                                </Items>
                            </ext:Panel>
                        </Items>
                    </ext:TabPanel>
                </Items>
            </ext:Viewport>
        </form>
    </body>
    </html>
    Click image for larger version. 

Name:	horizontalscroll.png 
Views:	20 
Size:	6.3 KB 
ID:	6290
    Last edited by fabricio.murta; Apr 27, 2016 at 12:25 AM.
  2. #2
    Hi @bayoglu,

    Are you expecting horizontal scrolling according to the MinWidth property? Not sure, maybe, a VBoxLayout can't fit such a scenario.

    Please try AnchorLayout instead.
  3. #3
    Hi @Daniil,

    Yes that was what I expected. I tried AnchorLayout but nothing changed. Do you have time to organize the sample code as an example?

    Thanks.
  4. #4
    Hello,

    I made it with AnchorLayout, thanks. Please mark as closed.
  5. #5
    I got the feel that it is a bug with VBoxLayout and reported to Sencha.
    http://www.sencha.com/forum/showthread.php?264755

    They opened a bug ticket.

    We created an Issue to track this defect.
    https://github.com/extnet/Ext.NET/issues/255
  6. #6
    Hello!

    This has been marked as fixed by Sencha for some time now, the fix should already be on our recent Ext.NET releases.
    Fabrício Murta
    Developer & Support Expert

Similar Threads

  1. Replies: 3
    Last Post: Apr 27, 2016, 1:29 AM
  2. Replies: 10
    Last Post: Nov 24, 2015, 6:54 PM
  3. Replies: 8
    Last Post: Jun 06, 2013, 12:42 PM
  4. Listview horizontal scroll bar
    By wh0urdady in forum 1.x Help
    Replies: 1
    Last Post: Jun 23, 2010, 10:41 PM
  5. Model window horizontal scroll bar issue...
    By vs.mukesh in forum 1.x Help
    Replies: 0
    Last Post: Jun 23, 2010, 3:35 PM

Posting Permissions