read only splitter

[Waleed]

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 ?

[Pandiyaraj Muniyandi]

Hi Waleed, 

 

Greetings from Syncfusion support. 

 

We have validated your requirement and it could be achievable from application-end solution. By adding a custom class to cssClass API of required SplitterPane tag, we can achieve readonly behaviour on sample level as follows. 

 

 

<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> 

 

 

We have prepared sample for your reference, get it from below link 

https://www.syncfusion.com/downloads/support/forum/150713/ze/Splitter-1971268397 

 

Regards, 

Pandiyaraj 

[Waleed]

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

[Indrajith Srinivasan]

Hi Waleed,  

  

Thanks for your update. Please get back to us if you need any further assistance on this. 

  

Regards,  

Indrajith