splitter panes doesn't require space between panes when they are collpased

Question

I am using accordion with in splitter panes,when I set ejs-splitter with style="all:unset",the desired output is displayed but seperator is coming below all the panes,I required splitter panes without space when they are collapsed and seperator between panes

Thank You

Indrajith Srinivasan · Answer

Hi Praveen,Greetings
from Syncfusion support,You can
remove the space between the bars after, it is collapsed when using the horizontal/vertical
splitter by setting the margin as unset for the splitter bar
element. Check the below shared sample and style changes for referenceCSS
styles:

.e-splitter .e-split-bar.e-split-bar-horizontal:not(.e-resizable-split-bar),
  .e-splitter .e-split-bar.e-split-bar-horizontal.e-last-bar:not(.e-resizable-split-bar),
  .e-splitter .e-split-bar.e-split-bar-vertical.e-last-bar:not(.e-resizable-split-bar),
  .e-splitter .e-split-bar.e-split-bar-vertical:not(.e-resizable-split-bar) {
      margin: unset;
  }

Sample: https://stackblitz.com/edit/angular-t9lhdo?file=app.component.cssPlease let
us know if the solution helps,Regards,Indrajith