Scroll-Area

A customizable scrollable container with configurable thumb styling and dynamic content rendering. This component provides a highly customizable scroll area for enhancing user experience with detailed thumb configurations.

Extends: cellComponent

Fields

Name

Code

Data Type

Description

Resource ID

resourceId

text

Unique identifier for the scroll area

Width Class

widthClass

text

Width configuration for the scroll area

Style Classes

styleClasses

text

CSS classes applied to the scroll area

Height

height

text

Height of the scroll area (default: 400px)

Thumb Background Color

thumbStyleBgColor

text

Background color of the scroll thumb (default: #2196f3)

Thumb Width

thumbStyleWidth

text

Width of the scroll thumb (default: 8px)

Thumb Height

thumbStyleHeight

text

Height of the scroll thumb (default: 200px)

Thumb Opacity

thumbStyleOpacity

text

Opacity of the scroll thumb (default: 0.6)

Thumb Max Width

thumbStyleMaxWidth

text

Maximum width of the scroll thumb

Thumb Min Width

thumbStyleMinWidth

text

Minimum width of the scroll thumb

Methods

Name

Description

scrollDivStyle

Generates inline styles for the scroll area, particularly height configurations

Events

No events are currently available for this component.