jQuery UI Widgets Forums Layouts Panel and Responsive Panel How to refresh the jqxPanel Width?

This topic contains 1 reply, has 2 voices, and was last updated by  ivailo 8 years, 10 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • How to refresh the jqxPanel Width? #74982

    raj
    Participant

    Hi,

    My page structure as below and I explained the jqx Components with it’s ID

    Page contains the primary items as well,
    jqxTabs (“mainTabs“),
    jqxSplitter (“mySplitter“),
    jqxGrid (“dashboard_SummaryGrid“),
    jqxPanel (“details_Panel“)

    <div id="mainTabs">
    	<ul>
    		<li>Dashboard</li>
    	</ul>
    	<div id="dashboard_ContentPlaceholder">
    		<div id="mySplitter">
    			<div id="dashboard_SummaryGrid">
    				&nbsp;
    			</div>
    			<div id="details_ContentPlaceholder">
    				<div id="details_Panel">
    					&nbsp;
    				</div>
    			</div>
    		</div>
    	</div>
    </div>

    During “cellclick” on the grid, I’ll expand the splitter and show its details in the splitter right panel. Here when I drag/resize the splitter, the jqxPanel width is not adjusting to it’s parent.

    I even set the jqxPanel properties as below,
    $("#details_Panel").jqxPanel({width:"100%", height:"100%", autoUpdate:true, sizeMode:"fixed"})

    Note: I tried removing the sizeMode as well

    Is there way to refresh the jqxPanel width?

    Can someone suggest me a solution?

    Thanks,
    Raj

    How to refresh the jqxPanel Width? #74995

    ivailo
    Participant

    Hi raj,

    Like a workaround you can calculate the needed width of the splitter’s panel and to set it to the jqxPanel.
    Here is a simple demo.

    Best Regards,
    Ivailo Ivanov

    jQWidgets Team
    http://www.jqwidgets.com

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

You must be logged in to reply to this topic.