Skip to content

Commit 64d3b28

Browse files
authored
docs(Splitter): Add pane Scrollable parameter (#3008)
1 parent feebb9a commit 64d3b28

File tree

1 file changed

+2
-5
lines changed

1 file changed

+2
-5
lines changed

components/splitter/panes.md

Lines changed: 2 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -27,6 +27,7 @@ Each Splitter pane is configured individually and offers the following parameter
2727
| `Max` | `string` | The maximum size the pane can have in pixels or percentages. When it is reached, the user cannot expand its size further. |
2828
| `Min` | `string` | The minimum size the pane can have in pixels or percentages. When it is reached, the user cannot reduce its size further. |
2929
| `Resizable` | `bool` <br /> (`true`) | Whether users can resize the pane with a resize handle (splitbar) or the keyboard. Pane resizing always affects two panes. To enable resizing for a specific pane, at least one adjacent pane must be resizable too. |
30+
| `Scrollable` | `bool` | Whether the browser automatically shows scrollbars in panes which do not fit their current content. |
3031
| `Size` | `string` | The pane `width` CSS style in [horizontal Splitters](slug:splitter-orientation), or the pane `height` in [vertical Splitters](slug:splitter-orientation). Supports two-way binding. The `Size` must be between the `Min` and `Max` values. See [Pane Size](#pane-size) below for more details on pane dimensions and behavior. |
3132
| `Visible` | `bool` | Defines if the pane element and splitbar render or not. When toggled at runtime, the pane's index remains unchanged, unlike when adding a pane with a conditional statement, which appends it at the end. Compare with the `Collapsed` parameter. |
3233

@@ -46,7 +47,7 @@ Each Splitter pane is configured individually and offers the following parameter
4647
<div>Collapsible pane with initial size in percentage.</div>
4748
</SplitterPane>
4849
49-
<SplitterPane Collapsible="false" Class="k-scrollable">
50+
<SplitterPane Collapsible="false" Scrollable="true">
5051
<h4>Right Pane</h4>
5152
<div style="height:150%">Non-collapsible and scrollable pane with no size. It will take up the remaining space in the component.</div>
5253
</SplitterPane>
@@ -66,10 +67,6 @@ Each Splitter pane is configured individually and offers the following parameter
6667
}
6768
````
6869

69-
## Pane Scrolling
70-
71-
To make a Splitter pane scrollable without using additional HTML markup or custom CSS styles, set the pane `Class` parameter to `k-scrollable`. See the example above.
72-
7370
## Pane Dimensions
7471

7572
The dimensions of a Splitter pane depend on:

0 commit comments

Comments
 (0)