Splitter Component

An interactive layout component that dynamically divides screen space into two adjustable panels with customizable splitting behavior and limits.


Extends: contentComponent


Fields

Name

Code

Data Type

Description

Resource ID

resourceId

text

Unique identifier for the splitter

Style Classes

styleClasses

text

CSS classes applied to the splitter container

Width Class

widthClass

text

Width configuration for the splitter

Splitter Height

splitterHeight

text

Height of the splitter container

Splitter Value Unit

splitterValueUnit

text

Unit for splitter value (for example, '%')

Splitter Value

splitterValue

text

Current position of the splitter

Separator Class

separatorClass

text

CSS classes for the splitter separator

Separator Style

separatorStyle

text

Inline styles for the splitter separator

Reverse

reverse

boolean

Reverse the splitter layout

Start Splitter Limit

startSplitterLimit

text

Minimum limit for splitter position

End Splitter Limit

endSplitterLimit

text

Maximum limit for splitter position


Methods

Name

Description

handleOnSplitterValueChanged

Handle actions when splitter value changes


Events

Name

Description

onSplitterValueChanged

Triggered when splitter position is modified