Add custom button to sharepoint ootb list edit form

Question

I've a SharePoint list, which created using OOTB function. In that list I need to add a button inside the form. So On click of that button will change the status(custom field). When I googled all i get is custom ribbon button. But I need button inside the form.

Alternatively if I can place that button next to "Save" & "Cancel" would be fine too..

Any help would be appreciated..

Updated

I've created new edit form using sharepoint designer. Where I've placed button & when clicking, it change the field value. But after that When I tried to save form using Save button, the modified value is getting updated on the field..

Button code:

<input type="button" value="Work Done" onclick="javascript: document.getElementById('tdItemStatus').innerHTML = 'Work Done';"/>

Thanks, Arun

Answer 1

It's quite simple actually. You need to open the list/document library in SharePoint designer, and on the right hand side you will find a group of files titled "Forms".

Create a new edit form or a new item form as per your requirement. The designer will generate a new aspx file which you would be able to edit, and place your button wherever you need. To set the value of your status field, you can run a bit of jQuery!

Note: I don't believe you can modify the default forms as the fields seem to be generated on-the-go by SharePoint. So you will need to create the new forms and then set them as the defaults.

Answer 2

While on the edit form, click on the cog and then edit page. Now add a script editor webpart. You should be able to use jquery selectors to add a new button wherever you want. As far as changing the value in the OOTB field when they click your button, it really depends on what field type you're talking about. You can probably just use another jquery selector to change the value in a text box but if your field type is something more complicated then it is more difficult.