3

When it comes to customizing the newform.aspx and editform.aspx for list items, what options are available to do this? I have read some posts which require the use of visual studio to be able to do anything quite complex and a lot of older posts which use SharePoint Designer 2010 and the design view which is obviously no good now.

Is there anywhere to do it with HTML/CSS ?

Thanks

  • Depending on what you want to achieve with the form, SPD is your best bet. What do you need done? – Michael Colbs Nov 20 '14 at 15:49
  • I just want to change the styling of the form. So things that I would usually do with CSS if I was making a traditional HTML form (Moving boxes around, changing widths, lengths, colors, borders and so on). – Sean Nov 20 '14 at 16:21
3

You have a couple options here. I usually do my editing of these forms in SharePoint designer. First navigate to the List and open the EditForm in 'Advanced Mode':

enter image description here

Now, within the PlaceHolderAdditionalPageHead element, you can add your <style> block with CSS.

Alternatively, you can add a ContentEditor web part directly in the EditForm with a <style> block, and it will be applied to all items.

1

I would recommend HTML/JavaScript/CSS changes.

  1. Create a html page in your Pages library (if you have publishing enabled), Site Pages, Site Assets, or any other library you see fit within the site collection.
  2. Go to your list form page and add ?pageview=shared&toolpaneview=1 to the end. For example: newform.aspx?pageview=shared&toolpaneview=1. If you are using an InfoPath form, the default pages are newifs.aspx and editifs.aspx
  3. Add a content editor web part to the page and link to the html you created. Make sure to set the Chrome to "None". You can also set the web part to be hidden.
  4. Edit the script in the HTML page you created in step 1. Don't forget to publish your changes if you are using the Publishing Feature.

If you want to make CSS changes which effect all list forms, then you will have to modify your master CSS file which you link to in your master page.

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.