1

Sharepoint 2013: I have created a form; with a custom list and have chosen the boxed style and I need to display the contents in a single column.

Can anyone advise how I can achieve this please

  • Could you explain more what you are trying to do? How many columns in your form? What type of columns? – Christoffer Nov 26 '15 at 12:39
  • Hello, thank you for responding. The form is composed of 8 x fields, I have created a new view and then changed the style option to 'boxed'. This has produced two columns. The next stage is for the output to presented to staff and this needs to be in a single column view. The layout needs to be vertical (rather than horizontal). – uatonly Nov 26 '15 at 13:05
  • Are the 8 fields single text or are there different fields? Boxed with labels or boxed style only? – Christoffer Nov 26 '15 at 13:33
  • they are Boxed with labels and seperate fields – uatonly Nov 26 '15 at 13:56
2

Add a script editor web part to the page where your list is and add some CSS to make it one box per row/item.

<style type="text/css">
table.ms-listviewtable > tbody > tr > td {
border: 1px solid transparent;
border-width: 1px 0px;
float: right;
width: 100%;
}
</style>

If you wanna hide the horizontal column names, add this CSS inside the style tags.

.ms-viewheadertr {
display: none;
}
  • Thank you @user19952 that worked a treat. Anyone needing this in the future and you wonder why everything has disappeared from your page - go back into the script editor and make sure you have the code as follows and it will work: 'code'<style type="text/css"> table.ms-listviewtable > tbody > tr > td { border: 1px solid transparent; border-width: 1px 0px; float: right; width: 100%; } </style>'code' You need the "speech mark" after "text/css" – uatonly Nov 26 '15 at 14:32
  • 1
    My Apologies, i corrected the missing character. – Christoffer Jan 13 '16 at 13:49

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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