jQuery UI Widgets Forums Layouts Panel and Responsive Panel Content partially shown, no scrollbar shown

This topic contains 3 replies, has 2 voices, and was last updated by  walker1234 7 years, 9 months ago.

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

  • walker1234

    I have 516 words document that is supposed to go inside the Panel and I am using the following parameters to define the boundaries of the panel:
    $("#myPanel").jqxPanel({ width: '750',height: '500'});
    But the document only shows 102 words and that’s it. It’s locked from the bottom, i.e., no scrollbar to see the rest of the document.I tried adding scrollBarSize:20 parameter but that didn’t change anything. Could you tell me why is it happening? Came across this post but I have enough content to makes sure scroll bar shows up. I am basically doing something like this.


    More Information:

    I have following libraries already included in my code and still scroll bar isn’t showing:

       <script type="text/javascript" src="scripts/jqwidgets/jqxcore.js"></script>
        <script type="text/javascript" src="scripts/jqwidgets/jqxdata.js"></script>
         <script type="text/javascript" src="scripts/jqwidgets/jqxpanel.js"></script>
        <script type="text/javascript" src="scripts/jqwidgets/jqxbuttons.js"></script>
        <script type="text/javascript" src="scripts/jqwidgets/jqxscrollbar.js"></script>
        <script type="text/javascript" src="scripts/jqwidgets/jqxmenu.js"></script>
        <script type="text/javascript" src="scripts/jqwidgets/jqxlistbox.js"></script>
        <script type="text/javascript" src="scripts/jqwidgets/jqxdropdownlist.js"></script>
        <script type="text/javascript" src="scripts/jqwidgets/jqxgrid.js"></script>
        <script type="text/javascript" src="scripts/jqwidgets/jqxgrid.selection.js"></script>
        <script type="text/javascript" src="scripts/jqwidgets/jqxgrid.columnsresize.js"></script>
        <script type="text/javascript" src="scripts/jqwidgets/jqxgrid.filter.js"></script>
        <script type="text/javascript" src="scripts/jqwidgets/jqxgrid.sort.js"></script>
        <script type="text/javascript" src="scripts/jqwidgets/jqxgrid.pager.js"></script>
        <script type="text/javascript" src="scripts/jqwidgets/jqxgrid.grouping.js"></script>
        <script type="text/javascript" src="scripts/jqwidgets/jqxcheckbox.js"></script>
        <script type="text/javascript" src="scripts/jqwidgets/jqxcombobox.js"></script>
        <script type="text/javascript" src="scripts/jqwidgets/jqxgrid.edit.js"></script>


    Hi walker1234,

    I tested your code with a 1000 words long text and the jqxPanel is working properly, scrollbar is appearing and im abble to scroll all the way down to the end of the text. Please provide us with a jsfiddle example with your problem so we can investigate it.

    Best Regards,

    jQWidgets Team


    Thanks. I am actually using 3 jqxgrid and 1 jqxpanel in one page. So, when a user clicks on a particular grid row of one of the grid, I am showing jqxPanel and jqxgrid with one column and multiple rows simultaneously.

    The scrollbar shows up when I disable the other jqxgrid.

    And the scrollbar doesn’t shows up and the content gets locked when I show jqxPanel and jqxGrid simultaneously. By any chance you know what could be the reason behind scrollbar showing up if I have only jqxPanel attached with an onclick event and it doesn’t shows up when I have both jqxPanel and jqxgrid attached with the onclick event.

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

You must be logged in to reply to this topic.