Window Won't drag In Firefox when viewport uses CustomRenderTo

Page 1 of 2 12 LastLast
  1. #1

    Window Won't drag In Firefox when viewport uses CustomRenderTo

    I have a viewport that uses CustomRenderTo so it doesn't take entire page but just a specific area. I have windows that open on specific events. When the page is not scrolled at all the windows act as expected. When you scroll the page the windows are no longer draggable in firefox.

    I have recreated this in a random test page as seen here


    <div id="testdiv" style="width: 700px; height: 1600px; z-index: 0 !important; border: solid 6px red;">
                <ext:ViewPort ID="ViewPort1" runat="server" CustomRenderTo="testdiv" HideParent="false"
                    MonitorResize="false" HideBorders="false" StyleSpec="border:solid 2px blue;">
                    <Body>
                        <west minwidth="250" split="true" collapsible="true" animfloat="False">
                            <ext:Panel ID="WestPanel" MonitorResize="true" BodyStyle="height:100%;"
                                runat="server" Header="true" Collapsible="true" Title="Catalog" Width="250">
                                <Body>
                                stuff here
                                </Body>
                            </ext:Panel>
                        </west>
                        <center>
                            <ext:Panel ID="Panel2" runat="server" Header="false" MonitorResize="true">
                                <Body>
                                        center stuff
                                        
                                        <ext:Window ID="Window1" runat="server" Collapsible="true" Icon="Application" Title="Title">
                                            <Body>
                                            </Body>
                                        </ext:Window>
                                        </Body>
                            </ext:Panel>
                        </center>
                    </Body>
                </ext:ViewPort>

    If you could offer some kind of help of a bug fix please let me know.


    Thanx,
  2. #2

    RE: Window Won't drag In Firefox when viewport uses CustomRenderTo

    Hi,

    ViewPort cannot be rendered to the custom element (only ASP.NET form or document body)
    If you need specific area then use Panel
  3. #3

    RE: Window Won't drag In Firefox when viewport uses CustomRenderTo

    Viewport has the CustomRenderTo property and renders to the div just fine. Everything works properly except dragging a window in firefox when the page scrolls
  4. #4

    RE: Window Won't drag In Firefox when viewport uses CustomRenderTo

    Hi,

    Do not use ViewPort in such way.
    ViewPort is a specialized container representing the viewable application area (the browser viewport).

    Why don't you want to use panel instead ViewPort?
  5. #5

    RE: Window Won't drag In Firefox when viewport uses CustomRenderTo

    I would love to use the panel however I can't get the panel to fill the div. The panel seems to need px height and width rather than 100%. I need the control to size like the viewport does inside the div. If you can tell me how to make a panel do exactly what the viewport is doing with the exception of breaking the drag in firefox that would be awesome!
  6. #6

    RE: Window Won't drag In Firefox when viewport uses CustomRenderTo

    Hi,

    Your div has fixed size. Just set the same size for the panel (or use panel with the same size instead that div)
  7. #7

    RE: Window Won't drag In Firefox when viewport uses CustomRenderTo

    Sorry, i was not specific, I had to put a fixed size on the example to make the page have scrollbars so you could see the bug. The div I have is height="100%" width="100%"



    <div id="testdiv" style="width: 100%; height: 100%; z-index: 0 !important;">
  8. #8

    RE: Window Won't drag In Firefox when viewport uses CustomRenderTo

    May be you can demonstrate your page designe? After posting page we can try to give you some suggestions
  9. #9

    RE: Window Won't drag In Firefox when viewport uses CustomRenderTo

    Here is the page. It is a dotnetnuke module, hence the need for the 100% as the module needs to fill it's adding container which could be any container of basically any size...

    http://app1.iagt.org/dotnetnuke/MapPlugin.aspx




  10. #10

    RE: Window Won't drag In Firefox when viewport uses CustomRenderTo

    Hi,

    You can try the following:


    1. Use Panel instead ViewPort
    2. Add the following listener to the Panel
    <Render Handler="this.setSize(this.el.parent().getSize());"/>

    May be also required (not sure) to monitor parent element size (add to the above listener)
    this.el.parent().on('resize', function(){this.setSize(this.el.parent().getSize());}, this)
Page 1 of 2 12 LastLast

Similar Threads

  1. [CLOSED] Desktop window not working in firefox
    By RCM in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Apr 16, 2012, 7:35 AM
  2. Viewport layout issue in Firefox
    By venu in forum 1.x Help
    Replies: 2
    Last Post: Nov 08, 2011, 10:12 AM
  3. Replies: 0
    Last Post: Mar 30, 2010, 5:32 PM
  4. Replies: 7
    Last Post: Oct 03, 2008, 10:32 AM
  5. Replies: 3
    Last Post: Oct 02, 2008, 2:16 PM

Posting Permissions