I am trying to create a custom gant chart control in sharepoint by using JS Grid control. I am following this tutorial: How to: Create a Gantt Chart Using the JS Grid Control

1) How can I hide left pane in the JSGrid Gantt chart view

The example that I am following is getting the data from the columns on the left.


First question has been answered by iOnline247

2) How can I expand the right pane to 100%

3) How can I reposition the bars created in the gantt view?

enter image description here

  • do you have a picture? May 2, 2013 at 13:23
  • I just added an image. I have highlighted the columns in yellow. That's what I would like to hide/remove and display the gantt view in expended mode
    – Imir Hoxha
    May 2, 2013 at 13:41
  • No one has experience with JS Grid and gantt chart?
    – Imir Hoxha
    May 6, 2013 at 7:43

1 Answer 1


Using CSS, I've been able to hide the left pane.

div[id$='JSGrid_leftpane'] {
    display: none;
  • thanks for your reply. i will give it a try and get to you soon.
    – Imir Hoxha
    May 6, 2013 at 16:34
  • Hi iOnline247, I used this id 'grid_leftpane' and it worked. I don't know what is the difference with the id you gave above. Thanks for your help.
    – Imir Hoxha
    May 6, 2013 at 17:29
  • since you are the only one till now to know more about JS grid, I have two questions for you: 1) how to expand the right pane all other divs inside it? 2) how can I reposition bars that are created in the gantt view? Thanks again for your help.
    – Imir Hoxha
    May 6, 2013 at 17:33
  • I've only briefly fiddled with this, so I'm not real sure. The scroll bars seem to break if you remove stuff using CSS. You may want to fiddle around there and come up with something. I'm not sure how to answer #3. I'm not sure what you are trying to accomplish with that.
    – iOnline247
    May 8, 2013 at 19:31

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.