So for a custom list, I have a choice field with 50 options for the user to select which States. However this causes the edit form of the item to look a little wonky as all 50 checkboxes for the states are listed in one column. Is there anyway to split these into 5 columns with 10 states in each on the edit form.

Following is my code.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.SPServices/2014.02/jquery.SPServices.min.js"type="text/javascript"></script>
<script type="text/javascript">
columnName: "State",
perRow: 2

You can do this SPServices. The $().SPServices.SPArrangeChoices method lets you define how many to put in a row.

  • Do I just add the script to a CEWP on my edit form? – Ramana Viswanadha Jul 21 '16 at 20:11
  • I create an html file in a library and link the CEWP to that... I find that sometimes the CEWP messes up scripts. – Erin L Jul 21 '16 at 20:23
  • Worked in chrome, but no change in IE for whatever reason! – Ramana Viswanadha Jul 22 '16 at 14:37
  • Will you add your code to your post? – Erin L Jul 22 '16 at 14:51

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.