ASP.NET Splitter Documentation - Server Side

Vertical Splitter - Properties; Horizontal Splitter - Properties;
Vertical & Horizontal Splitter - Properties;
Vertical & Horizontal Splitter - Events;
Vertical Splitter Panels - Properties; Horizontal Splitter Panels - Properties;
Vertical & Horizontal Splitter Panels - Properties;

<%@ Register TagPrefix="obspl" Namespace="OboutInc.Splitter2" Assembly="obout_Splitter2_Net" %>

Vertical Splitter - Properties - settings

Name Description
propertyWidth Width of the splitter. Optional
propertyFooterHeight Height to leave for the footer under the splitter. Optional
Only works when splitter is directly between <body> tags.
propertyCollapseLeftTooltip Set the left collpase image tooltip. Optional
Default value is "Collpase the left panel".
propertyCollapseRightTooltip Set the right collpase image tooltip. Optional
Default value is "Collpase the right panel".
propertyExpandLeftTooltip Set the left expand image tooltip. Optional
Default value is "Expand the left panel".
propertyExpandRightTooltip Set the right expand image tooltip. Optional
Default value is "Expand the right panel".

Horizontal Splitter - Properties - settings

Name Description
propertyHeight Height of the splitter. Optional
propertyWidthAfter Width to leave to the right of the splitter. Optional
Only works when splitter is directly between <body> tags.
propertyCollapseTopTooltip Set the top collpase image tooltip. Optional
Default value is "Collpase the top panel".
propertyCollapseBottomTooltip Set the bottom collpase image tooltip. Optional
Default value is "Collpase the bottom panel".
propertyExpandTopTooltip Set the top expand image tooltip. Optional
Default value is "Expand the top panel".
propertyExpandBottomTooltip Set the bottom expand image tooltip. Optional
Default value is "Expand the bottom panel".

Vertical & Horizontal Splitter - Properties - settings

Name Description
propertyCookieDays Number of days to keep the position of the splitter separator in a cookie.
The position is saved in user's cookie when moving the splitter separator, so the same position is automatically set on later visits. Optional
Default value is 30.

Also check CookieDays example.
propertyLiveResize Specifies the type of splitter panels resizing. Optional
If true the resize is done in real time. Accepted values are true, false.
Default value is false.

Also check these examples: Default Resize, Live Resize.
propertyIsResizable Specifies whether the splitter can be resized or not. Optional
Accepted values are true, false.
Default value is true.

Also check Fixed Splitter example.
propertyPanelResizable Specifies wich panel of the splitter will be resized in case of window resizing. Optional
Accepted values are:
·VerticalPanelResizableType.left, VerticalPanelResizableType.right for Vertical Splitter.
·HorizontalPanelResizableType.top, HorizontalPanelResizableType.bottom for Horizontal Splitter.
Default value is:
·VerticalPanelResizableType.right for Vertical Splitter.
·HorizontalPanelResizableType.bottom for Horizontal Splitter.

Also check PanelResizable example.
propertyHideBeforeLoad Specify which panels to hide before splitter is completely loaded. Optional
Accepted values are:
·VerticalHideBeforeLoadType.none, VerticalHideBeforeLoadType.both, VerticalHideBeforeLoadType.left, VerticalHideBeforeLoadType.right for Vertical Splitter.
·HorizontalHideBeforeLoadType.none, HorizontalHideBeforeLoadType.both, HorizontalHideBeforeLoadType.top, HorizontalHideBeforeLoadType.bottom for Horizontal Splitter.
Default value is:
·VerticalHideBeforeLoadType.both for Vertical Splitter.
·HorizontalHideBeforeLoadType.both for Horizontal Splitter.

Also check HideBeforeLoad example.
propertyRemeberScrollPosition Specify if panels should keep their scroll position after postback. Optional
Accepted values are true, false.
Default value is false.

Also check Remember scroll position example.
propertySynchronizeScroll Specify if panels content scroll should synchronize. Optional
Accepted values are true, false.
Default value is false.

Also check Synchronize Scroll example.
propertyCollapsePanel Specifies wich panel of the splitter will collapse on separator click. Optional
Accepted values are:
·VerticalCollapsePanelType.none, VerticalCollapsePanelType.left, VerticalCollapsePanelType.right for Vertical Splitter.
·HorizontalCollapsePanelType.none, HorizontalCollapsePanelType.top, HorizontalCollapsePanelType.bottom for Horizontal Splitter.
Default value is:
·VerticalCollapsePanelType.none for Vertical Splitter.
·HorizontalCollapsePanelType.none for Horizontal Splitter.

Also check Collapse/Expand panel example.

Vertical & Horizontal Splitter - Events

Name Description
propertyOnSplitterResize The name of the client side event method to be executed on splitter panels resize.
Default value is ob_spl_OnSplitterResize.

Server code:
Splitter1.OnSplitterResize = "SplitterResizeEvent";

Client code:
function SplitterResizeEvent() { ...
propertyOnSplitterInitEnd The name of the client side event method to be executed on splitter initialization end.
Default value is ob_spl_OnSplitterInitEnd.

Server code:
Splitter1.OnSplitterInitEnd = "SplitterInitEnd";

Client code:
function SplitterInitEnd() { ...
propertyOnSplitterCollapseExpand The name of the client side event method to be executed on splitter panel collapse or expand.
Default value is ob_spl_OnSplitterCollapseExpand.

Server code:
Splitter1.OnSplitterCollapseExpand = "SplitterCollapseExpand";

Client code:
function SplitterCollapseExpand(mode, type) {
    // mode - collapse/expand
    // type - left/right/top/bottom
    ...

Vertical Splitter - LeftPanel, RightPanel - Properties - settings

Name Description
propertyWidthDefault Default width of the panel. Optional
Left panel has priority over right panel.
This is the size that is initially set on load.
Default value is 200.

Also check Splitter size tutorial.
propertyWidthMin Minimum width of the panel. Optional
Left panel has priority over right panel.

Also check Panels Min/Max size tutorial.
propertyWidthMax Maximum width of the panel. Optional
Left panel has priority over right panel.

Also check Panels Min/Max size tutorial.

Horizontal Splitter - TopPanel, BottomPanel - Properties - settings

Name Description
propertyHeightDefault Default height of the panel. Optional
Top panel has priority over bottom panel.
This is the size that is initially set on load.
Default value is 200.

Also check Splitter size tutorial.
propertyHeightMin Minimum height of the panel. Optional
Top panel has priority over bottom panel.

Also check Panels Min/Max size tutorial.
propertyHeightMax Maximum height of the panel. Optional
Top panel has priority over bottom panel.

Also check Panels Min/Max size tutorial.

Vertical & Horizontal Splitter - Header, Footer, Content - Properties - settings

Name Description
propertyUrl Page to load inside the component area. Optional
This property is available for Header, Content and Footer.

Also check How to open URL in a panel tutorial.
propertyHeight Height of the component area. Optional
This property is available for Header and Footer only.
Default value is 100px.

"The components Obout has are very cool ... keep up the good work"

Barry Cedergren

Random testimonial   All testimonials