Can one exclude/hide the more graphical scheduling portion of the gantt control?

The gantt control is very nice.
It supports the ability to Indent and Outdent rows, and the ability to create custom columns. That is useful in itself.
Is it possible to exclude (or at least hide) the more graphical scheduling portion of the control?
Thanks.

3 Replies

JD Jayakumar Duraisamy Syncfusion Team January 23, 2018 01:04 PM UTC

Hi Derrick, 
In Gantt, there is no built-in support to hide scheduling portion but we can achieve this in work around. By using “splitterSettings.position” API value as “100%” at load time to hide scheduling part. To prevent the resizing of splitter at run time, we have to remove the resize and hover selection classes on Gantt “create” client-side event.  
Please refer the following code snippet.  
$("#GanttContainer").ejGantt({  
//…  
                   splitterSettings: {  
                        position: "100%",  
                    },  
                    create: function () {  
                        $("span.e-splitbar").removeClass("e-resize e-split-divider");  
                    },  
We have prepared sample for this, please find the sample link below.  
Please let us know, if you need any other assistance on this. 
Regards, 
Jayakumar D 



DE Dee January 23, 2018 05:40 PM UTC

Hi Jayakumar,

Thanks for the response.

SPLITTER POSITION
Yes, I had already set the splitter position to 100%. That helps.
But the vertical scrollbar vanishes when you do that.
Set the height of the gantt control to a small number, say 150px, and you will see that there is no scrollbar to see the rest of the rows.
(Yes, you can use the keyboard to scroll down, but there is no scrollbar.)

SPLITTER STYLING
Also, strangely, the hide splitter styling does not prevent me from being able to slide the splitter in my code, the way it does in your example.
Not yet sure why. 
Have checked the library version, and settings, and they seem to match. Will continue to check the code.

Thanks,
Dee


JD Jayakumar Duraisamy Syncfusion Team January 24, 2018 01:07 PM UTC

Hi Derrick, 
Query 1: he vertical scrollbar vanishes when you do that. 
Answer: If the Grid portion of Gantt is only required for your project, then we would like to recommend that use TreeGrid. Most of Gantt features are available in TreeGrid and it will be resolve the scrollbar issue.  
Otherwise, we can slightly adjust the splitter bar position percentage to make the scrollbar as visible. 
Query 2:  strangely, the hide splitter styling does not prevent me from being able to slide the splitter in my code, the way it does in your   
Answer: Make sure that Splitter bar CSS classes has removed properly in the create event as given in the previous update.  
$("#GanttContainer").ejGantt({   
//…   
                   splitterSettings: {   
                        position: "97%",   
                    },   
                    create: function () {   
                        $("span.e-splitbar").removeClass("e-resize e-split-divider");   
                    },  
Please refer following demo sample after adjusted splitter position, 
If you can’t resolve this issue, please share your demo sample. It will be helpful for us to resolve it. 
Regards, 
Jayakumar D 


Loader.
Up arrow icon