Sets the panel width.

Code examples

Initialize a jqxPanel with the width property specified.

$('#jqxPanel').jqxPanel({width:"200px"});

Sets the panel height.

Code examples

Initialize a jqxPanel with the height property specified.

$('#jqxPanel').jqxPanel({height:"400px"});

Sets the sizing mode. In the 'fixed' mode, the panel displays scrollbars, if its content requires it. In the wrap mode, the scrollbars are not displayed and the panel automatically changes its size. Possible Values: 'fixed', 'wrap'.

Code examples

Initialize a jqxPanel with the sizeMode property specified.

$('#jqxPanel').jqxPanel({sizeMode: "wrap"});

Automatically updates the panel, if its children size is changed.

Code examples

Initialize a jqxPanel with the autoUpdate property specified.

$('#jqxPanel').jqxPanel({autoUpdate: true});

Gets or sets whether the panel is disabled.

Code examples

Initialize a jqxPanel with the disabled property specified.

$('#jqxPanel').jqxPanel({ disabled:true }); 

Gets or sets the scrollbars size.

Code examples

Initialize a jqxPanel with the scrollBarSize property specified.

$('#jqxPanel').jqxPanel({ scrollBarSize: 20 }); 

Occurs when the layout is performed.

Code examples

Bind to the shown event by type: jqxPanel.

$('#jqxPanel').bind('layout', function () { // Some code here. }); 

Appends an element to the panel's content.

Code examples

Add element to the panel

$('#jqxPanel').jqxPanel('append', $('#elementId')[0]);

Prepends an element to the panel's content.

Code examples

Add element to the panel

$('#jqxPanel').jqxPanel('prepend', $('#elementId')[0]);

Remove an element from the panel's content.

Code examples

Removes an element from the panel.

$('#jqxPanel').jqxPanel('remove', $('#elementId')[0]);

Clears the panel's content.

Code examples

$('#jqxPanel').jqxPanel('clearcontent');

Scroll to specific position.

Code examples

$('#jqxPanel').jqxPanel('scrollTo', 10, 20);

Get the scrollable height.

Code examples

var height = $('#jqxPanel').jqxPanel('getScrollHeight');

Get the vertical scrollbar's position.

Code examples

var position = $('#jqxPanel').jqxPanel('getVScrollPosition');

Get the scrollable width.

Code examples

var width = $('#jqxPanel').jqxPanel('getScrollWidth');

Get the horizontal scrollbar's position.

Code examples

var position = $('#jqxPanel').jqxPanel('getHScrollPosition');