wijsplitter jQuery Widget

Design a professional and polished website with this container widget that can be nested indefinitely and features a movable and collapsible bar that divides an area into two resizable panels.

Syntax

Javascript (Usage)
$(function () { var options; // Type: wijmo.splitter.wijsplitter.options $(".selector").wijsplitter(options); });

Javascript (Usage)

$(function () {
    var options; // Type:  wijmo.splitter.wijsplitter.options
     
    $(".selector").wijsplitter(options);
});

Javascript (Specification)
function wijsplitter() : any;

Browser Compatibility

Options

	Name	Description
	barZIndex	Default value: 0 A value that indicates the z-index (stack order) of the splitter bar.
	collapsingPanel	Default value: 'panel1' Specifies which panel should be collapsed after clicking the expander of the splitter. Possible values are "panel1" and "panel2".
	fullSplit	Default value: false Gets or sets a value that indicates whether the widget fills the whole page.
	orientation	Default value: 'vertical' Gets or sets a value indicating the horizontal or vertical orientation of the SplitContainer panels of the splitter panels.
	panel1	Defines the information for the top or left panel of the splitter.
	panel2	Defines the information for the bottom or right panel of the splitter.
	resizeSettings	Defines the animation while the bar of the splitter is being dragged.
	showExpander	Default value: true A Boolean value that determines whether the expander of the wijsplitter widget is shown. is allowed to be shown.
	splitterDistance	Default value: 100 Gets or sets the location of the splitter, in pixels, from the left or top edge of the SplitContainer.

Top

Methods

	Name	Description
	destroy	Removes the splitter functionality completely.This will return the element back to its pre - init state.
	refresh	Forces the widget to recreate the splitter.
	widget	Returns a jQuery object containing the original element or other relevant generated element.

Top

Events

	Name	Description
	collapse	Gets or sets the javascript function name to be called before panel1 is collapsed.
	collapsed	Gets or sets the javascript function name to be called when panel1 is collapsed by clicking the collapse/expand image.
	expand	Gets or sets the javascript function name to be called before panel1 is expanded.
	expanded	Gets or sets the javascript function name to be called when panel1 is expanded by clicking the collapse/expand image.
	sized	Gets or sets the javascript function name that would be called at the client side when the user is done dragging the splitter.
	sizing	Gets or sets the javascript function name that would be called at the client side when a user is dragging the splitter.

Top

See Also

Widgets

Reference