We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

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 ?

3 Replies

PM Pandiyaraj Muniyandi Syncfusion Team January 17, 2020 07:31 AM UTC

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"> 
        <SplitterPane Size="28%" Min="27%"></SplitterPane> 
        <SplitterPane Size="33%" Min="23%" CssClass="read-only"></SplitterPane> 
    .read-only {                    // Prevent user interaction and make as readonly 
        pointer-events: none; 
We have prepared sample for your reference, get it from below link 

WA Waleed January 17, 2020 09:57 PM UTC

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

IS Indrajith Srinivasan Syncfusion Team January 20, 2020 04:32 AM UTC

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

Live Chat Icon For mobile
Up arrow icon