How to apply style to syncfusion splitter pane

[Praveen Kumarrangu]

Hi

 when I am applying style="overflow-y:hidden" to splitter pane[<e-pane>],it is not getting applied,pls suggest the approach

Thank You

[Vinitha Jeyakumar]

Hi Praveen,

You can apply customized styles to the splitter panes using the below CSS code,

Code snippet:

.e-splitter.e-splitter-horizontal .e-pane.e-pane-horizontal,

.e-splitter.e-splitter-vertical .e-pane.e-pane-horizontal {

  overflow-y: hidden;

  

}

Sample: https://stackblitz.com/edit/angular-i8pb9v?file=app.component.css

Regards,

Vinitha