jQuery UI Widgets › Forums › Layouts › DockPanel › dockPanel resizing not work when window.resize is fired

Tagged: , , , , , ,

This topic contains 3 replies, has 3 voices, and was last updated by  Dimitar 10 years, 5 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    dockPanel resizing not work when window.resize is fired Posts
  • January 20, 2014 at 10:26 am dockPanel resizing not work when window.resize is fired #48087

    Franck
    Participant

    Hello there,

    I size the dock Panel depending response.viewPort
    it works perfectly when the page is loaded but not when the window.resize is fired.

    function reSizePanel(){
    var response = new $.jqx.response();
    var viewPort = response.viewPort;
    var headPanelHeight = 100 ;

    if(viewPort.width > 480 ){
    $(“#headPanelElem1”).attr(“dock”,”left”) ;
    $(“#headPanelElem2”).attr(“dock”,”left”) ;
    $(“#headPanelElem3”).attr(“dock”,”left”) ;
    $(“#headPanelElem1”).css({“width”:”33%”,”height”:”100%”}) ;
    $(“#headPanelElem2”).css({“width”:”33%”,”height”:”100%”}) ;
    $(“#headPanelElem3”).css({“width”:”33%”,”height”:”100%”}) ;

    $(“#headPanel”).jqxDockPanel({ width: viewPort.width , height: headPanelHeight});
    } else {
    headPanelHeight *= 3 ;

    $(“#headPanelElem1”).attr(“dock”,”top”) ;
    $(“#headPanelElem2”).attr(“dock”,”top”) ;
    $(“#headPanelElem3”).attr(“dock”,”top”) ;
    $(“#headPanelElem1”).css({“width”:”100%”,”height”:”auto”}) ;
    $(“#headPanelElem2”).css({“width”:”100%”,”height”:”auto”}) ;
    $(“#headPanelElem3”).css({“width”:”100%”,”height”:”auto”}) ;

    $(“#headPanel”).jqxDockPanel({ width: viewPort.width , height: headPanelHeight});
    }
    }

    $( window ).resize(function() {
    reSizePanel() ;
    $(‘#headPanel’).jqxDockPanel(‘render’);
    });

    ….

    <body>
    <div id=’divHead’ style=”font-size: 13px; font-family: Verdana;”>
    <div id=’headPanel’>
    <div id=’headPanelElem1′ dock=’left’ style=’background: #486974;’>
    Head First Div</div>
    <div id=’headPanelElem2′ dock=’left’ style=’background: #368ba7;’>
    HeadSecond Div</div>
    <div id=’headPanelElem3′ dock=’left’ style=’background: #795D27′>
    Headthird Div</div>
    </div>
    </div>
    </body>

    January 20, 2014 at 11:53 am dockPanel resizing not work when window.resize is fired #48098

    Dimitar
    Participant

    Hello franck,

    Thank you for your feedback. The reported issue will be fixed in the next version of jQWidgets.

    Best Regards,
    Dimitar

    jQWidgets team
    http://www.jqwidgets.com/

    June 20, 2014 at 7:04 pm dockPanel resizing not work when window.resize is fired #56173

    mironeri
    Participant

    Is the reported issue have been fixed?

    Thanks for your help.

    June 24, 2014 at 6:50 am dockPanel resizing not work when window.resize is fired #56272

    Dimitar
    Participant

    Hello mironeri,

    Please update to the latest version of jQWidgets (3.4.0). Do you experience any issues?

    Best Regards,
    Dimitar

    jQWidgets team
    http://www.jqwidgets.com/

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.