locked
Changing Widths of a Form RRS feed

  • Question

  • I need to change the width of this column/field...........does anyone know how I can do it?  I am running SP2013

    Thanks,

    Eddie

    Tuesday, September 1, 2015 7:46 PM

Answers

  • Hi Eddie,

    From your description, do you want to change the width of the form, or the width of the fields? And which form do you want to change?

    As croute1 suggested, we can change the width of the form by editing the form web part or modify the site code.

    If you want to change the width of the fields, we could add some css code in “Script Editor” to achieve it.

    1. In the ribbon, click the list tab, and then click “Form Web Parts” and select the form which you want to edit.

    2. Press F12 and click the icon to check the class name or  the id of the field.

    3. Click “Add a Web part” on the page and add a “Script Editor” Web Part.

    4. Click “Edit Snippet” on this web part and enter the code like:

    <style>
    
    .class{
    
    // or we can use “#id” to specify the field
    
    width: 500px;
    
    }
    
    </style>
    


    Best regards,

    Linda Zhang

    • Proposed as answer by Victoria Xia Friday, September 18, 2015 4:00 AM
    • Marked as answer by Victoria Xia Thursday, September 24, 2015 2:03 AM
    Monday, September 7, 2015 7:11 AM

All replies

  • Width of column/filed in display forms ? or when you are displaying in an page?

    Tuesday, September 1, 2015 9:43 PM
  • This is a form that I am trying to change the width on.  I can't add a photo since I am not verified yet.
    Wednesday, September 2, 2015 4:22 PM
  • Hi Eddie- you can accomplish that in a couple ways: modify the site code or change the width of a single form by editing the form web part. See the following link for details on both methods:

    http://sharepoint.stackexchange.com/questions/40580/how-to-modify-width-of-standard-dialog-form-sharepoint-2010


    cameron rautmann

    Wednesday, September 2, 2015 8:45 PM
  • Hi Eddie,

    From your description, do you want to change the width of the form, or the width of the fields? And which form do you want to change?

    As croute1 suggested, we can change the width of the form by editing the form web part or modify the site code.

    If you want to change the width of the fields, we could add some css code in “Script Editor” to achieve it.

    1. In the ribbon, click the list tab, and then click “Form Web Parts” and select the form which you want to edit.

    2. Press F12 and click the icon to check the class name or  the id of the field.

    3. Click “Add a Web part” on the page and add a “Script Editor” Web Part.

    4. Click “Edit Snippet” on this web part and enter the code like:

    <style>
    
    .class{
    
    // or we can use “#id” to specify the field
    
    width: 500px;
    
    }
    
    </style>
    


    Best regards,

    Linda Zhang

    • Proposed as answer by Victoria Xia Friday, September 18, 2015 4:00 AM
    • Marked as answer by Victoria Xia Thursday, September 24, 2015 2:03 AM
    Monday, September 7, 2015 7:11 AM