Forum Discussion

Copper Contributor

Aug 24, 2022

Solved

Form configuration - add buttons in footer

Is it possible to make button works in footer? If so, how? I found references to adding links in footer. I tried adding a button in the footer to set values to other columns. You can click the bu...

json

microsoft lists

SharePoint Online

ganeshsanap
Aug 25, 2022
SSantos You can add button in list form footer like:

{ "elmType": "button", "txtContent": "Click" }

But, if you are trying to use "setValue" in form formatting, I don't think it is supported. I will try to get confirmation from list formatting repository maintainers just to be sure.
Documentation: configure the list form

In this case, you can customize list form using Power apps to add button & update form values.
Please click Mark as Best Response & Like if my post helped you to solve your issue. This will help others to find the correct solution easily. It also closes the item. If the post was useful in other ways, please consider giving it Like.

Sudhir Kesharwani

Copper Contributor

Sep 29, 2022

SSantos

add links in the footer and update it to display like button using CSS.

{
    "elmType": "div",
    "style": {
        "display": "block",
        "flex-wrap": "wrap",
        "flex-direction": "row",
        "justify-content": "center",
        "align-items": "center",
        "width": "100%",
        "height" : "30px"
    },
    "attributes": {
        "class": "ms-fontColor-neutralPrimary ms-bgColor-gray20"
    },
    "children": [
      {
        "elmType": "a",
        "txtContent": "Issue Gate Pass",
        "style":{
            "font": "bold 11px Arial",
            "text-decoration": "none",
            "background-color": "#EEEEEE",
            "color": "#333333",
            "padding": "2px 6px 2px 6px",
            "border-top" : "1px solid #CCCCCC",
            "border-right" : "1px solid #333333",
            "border-bottom": "1px solid #333333",
            "border-left": "1px solid #CCCCCC"
           },
        "attributes": {
            "target": "_blank",
            "href": "www.google.com"
        }
      },
      {
        "elmType": "a",
        "txtContent": "Request Approval",
        "style":{
            "font": "bold 11px Arial",
            "text-decoration": "none",
            "background-color": "#EEEEEE",
            "color": "#333333",
            "padding": "2px 6px 2px 6px",
            "border-top" : "1px solid #CCCCCC",
            "border-right" : "1px solid #333333",
            "border-bottom": "1px solid #333333",
            "border-left": "1px solid #CCCCCC"
           },
        "attributes": {
            "target": "_blank",
            "href": "www.microsoft.com"
        }
      }
       
    ]
}

ganeshsanap

MVP

Sep 29, 2022

Sudhir Kesharwani This will only add hyperlinks/buttons in form footer, but it cannot set values to other columns which is what asked by SSantos in original post.

Please consider giving a Like if my post helped you in any way.