Is it possible to have a button inside a column in Sharepoint list.

For Example:

We have a column as ID - number, Name - Single line text box, Status - Approve as button so that user will click Approve and will update the Field value in the list and submits the record.

Is it is feasible in Sharepoint.

  • 2
    May I know, which version of SharePoint you are using? Commented Jan 7, 2016 at 14:01
  • SharePoint 2010
    – Bagavathi
    Commented Jan 8, 2016 at 4:34

3 Answers 3


If you are using SharePoint 2013 or SharePoint Online, you can take advantage of JSLink to render your Status field as you want - in this case a button with some javascript logic behind it.

The process would be very similar to the one described here: http://sharepoint-community.net/profiles/blogs/using-jslink-to-implement-delete-buttons-for-list-view.

I'm assuming here that by "submits the record" you are referring to something that can be achieved by javascript



in June 2017, Microsoft disabled the use of JavaScript in a Calculated Column

That means given answers may not apply for newer SharePoint versions

For long explanation and work arounds see:
June 13th 2017 Microsoft blocked handling HTML markup in SharePoint calculated fields - how to get the same functionality back

**Original answer:**
  • Create a Calculated Column View

  • set Datatype=Number (will output String as HTML)

  • Add the Formula:

      ="<a href='#' onclick=""{event.stopPropagation();"
      &"var ID=getItemIDFromIID(findIIDInAncestorNode(this)),"
      &"}""><img src='/_layouts/images/VIEWREPORTSHH.png' width='20px'></a>"

Onclick it captures the ID value from the TR node
Builts the correct url
Displays a message (every click in a webpage should give an immediate response IMHO)
goes to the url

I am not 100% sure if those IID functions exist in 2010, if not see the examples below for alternative code



  • 1
    To get the calculated field working on new webapps you need to change a property: $url = "http://yourwebappurl" $spWA = Get-SPWebApplication $url $spWA.CustomMarkupInCalculatedFieldDisabled = $false $spWA.Update()
    – Chris DS
    Commented Jan 31, 2019 at 14:03

The column formatting is handled in this document: https://docs.microsoft.com/en-us/sharepoint/dev/declarative-customization/column-formatting

Here is an example of adding a button into the list. This can connect to a Power Automate flow which can handle the approval.

  "$schema": "https://developer.microsoft.com/json-schemas/sp/column-formatting.schema.json",
  "elmType": "button",
  "txtContent": "It's Flow Time!",
  "customRowAction": {
    "action": "executeFlow",
    "actionParams": "{\"id\":\"f7ecec0b-15c5-419f-8211-302a5d4e94f1\", \"headerText\":\"It's Flow Time!\",\"runFlowButtonText\":\"Do it\"}"

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.