Lists are not displaying full width in 1 column layout boxes

%3CLINGO-SUB%20id%3D%22lingo-sub-1178391%22%20slang%3D%22en-US%22%3ELists%20are%20not%20displaying%20full%20width%20in%201%20column%20layout%20boxes%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1178391%22%20slang%3D%22en-US%22%3E%3CP%3EI'm%20not%20sure%20what%20is%20wrong%20here%2C%20but%20I%20am%20having%20trouble%20creating%26nbsp%3B%20a%20full%20width%20view%20of%20a%20custom%20list%20inside%20of%20a%20single%20column%20sharepoint%20site%20page.%26nbsp%3B%20Here%20are%20my%20steps...%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CUL%3E%3CLI%3EFrom%20my%20share%20point%20site%2C%20I%20created%20a%20new%20page%3C%2FLI%3E%3CLI%3EI%20then%20added%20an%20app%20-%26gt%3B%20Announcements%20-%26gt%3B%20customized%20it%20with%203%20columns%20(Tags%20%7C%20Title%20%7C%20Body)%3C%2FLI%3E%3CLI%3EI%20then%20went%20back%20to%20my%20SharePoint%20page%2C%20clicked%20Edit%3C%2FLI%3E%3CLI%3EI%20added%20a%20new%20section%3C%2FLI%3E%3CLI%3E%3CSTRONG%3ESelected%20One%20Column%3C%2FSTRONG%3E%3C%2FLI%3E%3CLI%3EAdded%20a%20List%3C%2FLI%3E%3CLI%3ESelected%20my%20Announcement%20List%3C%2FLI%3E%3CLI%3EClicked%20Republished%3C%2FLI%3E%3C%2FUL%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3Eand%20this%20is%20the%20result%20I%20see%20on%20my%20browser%20Window...%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22list_gets_cut_off.png%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F171553iC83D611A84D245D2%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20title%3D%22list_gets_cut_off.png%22%20alt%3D%22list_gets_cut_off.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EWhy%20does%20the%20body%20column%20get%20dramatically%20cut%20off%20(yet%20the%20header%20link%20for%20%3CEM%3EAll%20Items%3C%2FEM%3E%20is%20all%20the%20way%20to%20the%20right)%3F%26nbsp%3B%20How%20can%20I%20see%20the%20full%20extension%20of%20my%20list%20along%20the%20x-axis%20of%20my%20screen%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EHere%20is%20another%20look%20at%20the%20same%20list%20being%20dramatically%20cut%20off...%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%22list_gets_cut_off_B.png%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F171557i73E086999688039D%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20title%3D%22list_gets_cut_off_B.png%22%20alt%3D%22list_gets_cut_off_B.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-1178391%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EResponsive%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ESharePoint%20Online%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ESites%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E
Highlighted
Contributor

I'm not sure what is wrong here, but I am having trouble creating  a full width view of a custom list inside of a single column sharepoint site page.  Here are my steps...

 

  • From my share point site, I created a new page
  • I then added an app -> Announcements -> customized it with 3 columns (Tags | Title | Body)
  • I then went back to my SharePoint page, clicked Edit
  • I added a new section
  • Selected One Column
  • Added a List
  • Selected my Announcement List
  • Clicked Republished

 

and this is the result I see on my browser Window...

list_gets_cut_off.png

 

 

Why does the body column get dramatically cut off (yet the header link for All Items is all the way to the right)?  How can I see the full extension of my list along the x-axis of my screen?

 

Here is another look at the same list being dramatically cut off...

 

list_gets_cut_off_B.png

 

 

 

0 Replies