How to refresh the jqxPanel Width?

[rajParticipant]

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

[ivailoParticipant]

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

[Author]

Posts