Removing spaces between columns in a SharePoint list (Creating custom hourly gantt chart)

%3CLINGO-SUB%20id%3D%22lingo-sub-2416749%22%20slang%3D%22en-US%22%3ERemoving%20spaces%20between%20columns%20in%20a%20SharePoint%20list%20(Creating%20custom%20hourly%20gantt%20chart)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2416749%22%20slang%3D%22en-US%22%3E%3CP%3EI'm%20trying%20to%20make%20a%20custom%26nbsp%3Bgantt%20chart%20using%20a%20SharePoint%20list.%20I%20don't%20want%20to%20use%20the%26nbsp%3BGantt%20View%20because%20of%20various%20conditions%20that%20I'm%20adding%20to%20this%20list%20later%20and%20that%20concept%20won't%20work.%3CBR%20%2F%3E%3CBR%20%2F%3EThere%20are%20a%20few%20different%20things%20I%20need%20help%20with%20but%20mostly%2C%20I%20cannot%20figure%20out%20how%20to%20close%20the%20gap%20(white%20space)%20between%20the%20columns.%20I've%20attached%20an%20image%20that%20explains%20it%20better.%3CBR%20%2F%3E%3CBR%20%2F%3EI%20just%20don't%20know%20enough%20about%20the%20different%20elem%20types%20and%20styles%20for%20JSON%2C%20I%20couldn't%20find%20a%20good%20resource%20that%20shows%20all%20the%20types%20and%20explains%20visually%20how%20they%20work.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22Jake_Hembree_0-1622822766340.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F286308i1DF90CFE2F19FC51%2Fimage-size%2Fmedium%3Fv%3Dv2%26amp%3Bpx%3D400%22%20role%3D%22button%22%20title%3D%22Jake_Hembree_0-1622822766340.png%22%20alt%3D%22Jake_Hembree_0-1622822766340.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-2416749%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3ESharePoint%20Online%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E
New Contributor

I'm trying to make a custom gantt chart using a SharePoint list. I don't want to use the Gantt View because of various conditions that I'm adding to this list later and that concept won't work.

There are a few different things I need help with but mostly, I cannot figure out how to close the gap (white space) between the columns. I've attached an image that explains it better.

I just don't know enough about the different elem types and styles for JSON, I couldn't find a good resource that shows all the types and explains visually how they work.

 

Jake_Hembree_0-1622822766340.png

 

1 Reply

@Jake_Hembree 

Check below JSON formatting samples which might help you:

  1. Project Gantt Chart View 
  2. Yearly Gantt Chart 


Please click Mark as Best Response & Like if my post helped you to solve your issue. This will help others to find the correct solution easily. It also closes the item. If the post was useful in other ways, please consider giving it Like.