Can I move a field in Custom List Form ?


  • Hello Forum,

    In my Office 365 (SharePoint Online) I have a very simple Custom List which consists of a few columns/fields, and I have a requirement to move/align some fields a little bit to the right side. Something like the screenshot example below:

    I am not allowed to use InfoPath nor any third-party solution. So, My only options are: SharePoint Designer & JavaScript.

    Is there any way in SharePoint Designer or JavaScript to move or add some spaces/padding to some fields so they would appear as the screenshot below?

    I tried:  $('nobr:contains("FieldName")').before("  ");   But this add spaces only before the label and not moving the whole field's row.

    Could you please guide me how to accomplish this?

    I would sincerely appreciate any help in this, Please !

    Thank you very much !

    Friday, December 23, 2016 3:05 PM


  • Hi Asker2012,

    According to your description, you could create a new form in this list. Please follow the steps as below:

    Open this list in SharePoint Designer

    Add a new form and select new form type.

    Find the fields you want to move and add padding-left in Title and Form, type length as you need:

    Best regards,

    Grace Wang

    Please remember to mark the replies as answers if they help.
    If you have feedback for TechNet Subscriber Support, contact

    Monday, December 26, 2016 10:20 AM