[silviorpParticipant]

Just trying to explain it better:

When I apply the jqx function, the target div will be removed from its original position and will be appended to the body. This becomes a problem when using partial page updates, because the div will move out of the scope of the update. If the update creates the div again it will exist twice now, including all the problems like not unique IDs.

[silviorpParticipant]

Oh, now I understand.

I’m gonna use Ajax calls for that. I think that’s gonna work, then.

Thanks.

[silviorpParticipant]

I had the same problem and it was happening because I was using ‘%’ or ‘auto’ width.

The only way I found to keep my app with ‘%’ values and prevent the problem was doing some workaround like setting the initial width and height values with 100%, capturing these values in pixels with:

width = $('#jqxTabs').width();
height = $('#jqxTabs').height();

and re-set them:

$('#jqxTabs').jqxTabs({
    width: width,
    height: height
});

After that, it worked as it should.

Just call this method after everything is set:

function setAttributes(){
    var width = $('#jqxTabs').width();
    var height = $('#jqxTabs').height();
	
    $('#jqxTabs').jqxTabs({
	width: width,
	height: height
    });
}

The example works because the values were set in a static way, with the pixel numbers. In my case, when I was adding a new tab, something was setting the tab panel width to ‘auto’, breaking the layout.

[Author]

Posts