read only splitter

I am trying to acheive the same effect like WinForms where I create a splitter then I add a split, what I am trying to do is to set the split to read only, and all components inside it should be disabled or read only, very much the same we used to do in Panel control in WinForms, is there a way to acheive this ?

<EjsSplitter ID="splitter">     <SplitterPanes>          <SplitterPane Size="28%" Min="27%"></SplitterPane>          <SplitterPane Size="33%" Min="23%" CssClass="read-only"></SplitterPane>     </SplitterPanes>  </EjsSplitter>    <style>      .read-only {                    // Prevent user interaction and make as readonly          pointer-events: none;      }  </style>

Thank you , will try it and will let you know.