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

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

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

  • 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>


    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/


    mironeri
    Participant

    Is the reported issue have been fixed?

    Thanks for your help.


    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/

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.