Microsoft Lists buttons not working

Question

Microsoft Lists buttons not working

Martín 0

Hi all

We are experiencing a weird issue with a SharePoint List.
When on SharePoint, list works fine, however, when opening it MS Lists, none of the formatted column's buttons or infieldedits work.

Captura de pantalla 2024-05-17 a las 9.22.33

Captura de pantalla 2024-05-17 a las 9.24.25

Is anyone else experiencing this issue?

Regards,

Emily Du-MSFT 51,946 Reputation points Microsoft External Staff

2024-05-17T02:39:46.14+00:00

Could you provide some screenshots about difference between SharePoint list and Microsoft list?
Martín 0 Reputation points

2024-05-17T07:34:06.9466667+00:00

I've added a couple of screenshots. This happens too with inline edit for dates and in other YesNo columns with formatted toggles too.
Emily Du-MSFT 51,946 Reputation points Microsoft External Staff

2024-05-17T07:59:36.92+00:00

Whether you use JSON formatting in the Microsoft list and JSON codes does not work?

Please provide JSON codes then I can test in my end.

Martín 0

Here's one:

{
  "_comment": "Toggle Buttons",
  "$schema": "https://developer.microsoft.com/json-schemas/sp/column-formatting.schema.json",
  "elmType": "div",
  "style": {
    "position": "relative"
  },
  "children": [
    {
      "elmType": "div",
      "attributes": {
        "iconName": "ToggleFilled",
        "class": "=if(@currentField,'ms-fontColor-greenLight','ms-fontColor-gray40')"
      },
      "style": {
        "font-size": "40px"
      }
    },
    {
      "elmType": "div",
      "attributes": {
        "iconName": "=if(@currentField,'ToggleRight','ToggleLeft')",
        "class": "=if(@currentField,'ms-fontColor-black','ms-fontColor-gray120') + ' ms-fontColor-[PLACEHOLDER9]--hover','')"
      },
      "style": {
        "cursor": "pointer",
        "font-size": "40px",
        "position": "absolute",
        "top": "0",
        "left": "0"
      },
      "customRowAction": {
        "action": "setValue",
        "actionInput": {
          "ReadyToDo": "=if(@currentField,0,1)"
        }
      }
    }
  ]
}

Here's another one:

{
  "_comment": "Inline Edit Column",
  "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",
  "elmType": "div",
  "inlineEditField": "@currentField",
  "txtContent": "@currentField",
  "style": {
    "border": "1px solid transparent",
    "--inline-editor-border-color": "Chocolate",
    "cursor": "pointer",
    "padding-left": "5px"
  }
}

Strangely enough, these have been working fine until now...

1 answer

Your answer

Emily Du-MSFT 51,946 Reputation points Microsoft External Staff

2024-05-17T02:39:46.14+00:00

Could you provide some screenshots about difference between SharePoint list and Microsoft list?
Martín 0 Reputation points

2024-05-17T07:34:06.9466667+00:00

I've added a couple of screenshots. This happens too with inline edit for dates and in other YesNo columns with formatted toggles too.
Emily Du-MSFT 51,946 Reputation points Microsoft External Staff

2024-05-17T07:59:36.92+00:00

Whether you use JSON formatting in the Microsoft list and JSON codes does not work?

Please provide JSON codes then I can test in my end.
Martín 0 Reputation points

2024-05-17T08:14:21.11+00:00

Here's one:

{ "_comment": "Toggle Buttons", "$schema": "https://developer.microsoft.com/json-schemas/sp/column-formatting.schema.json", "elmType": "div", "style": { "position": "relative" }, "children": [ { "elmType": "div", "attributes": { "iconName": "ToggleFilled", "class": "=if(@currentField,'ms-fontColor-greenLight','ms-fontColor-gray40')" }, "style": { "font-size": "40px" } }, { "elmType": "div", "attributes": { "iconName": "=if(@currentField,'ToggleRight','ToggleLeft')", "class": "=if(@currentField,'ms-fontColor-black','ms-fontColor-gray120') + ' ms-fontColor-[PLACEHOLDER9]--hover','')" }, "style": { "cursor": "pointer", "font-size": "40px", "position": "absolute", "top": "0", "left": "0" }, "customRowAction": { "action": "setValue", "actionInput": { "ReadyToDo": "=if(@currentField,0,1)" } } } ] }

Here's another one:

{ "_comment": "Inline Edit Column", "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json", "elmType": "div", "inlineEditField": "@currentField", "txtContent": "@currentField", "style": { "border": "1px solid transparent", "--inline-editor-border-color": "Chocolate", "cursor": "pointer", "padding-left": "5px" } }

Strangely enough, these have been working fine until now...

Answer 1

Emily Du-MSFT 51,946 Microsoft External Staff

I test both in the SharePoint list and Microsoft list, JSON codes work well in both.

Please try to clear browser cache or apply JSON codes in another Microsoft list.

SharePoint list:

Microsoft list:

If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Martín 0 Reputation points

2024-05-21T13:23:21.6766667+00:00

Already cleared cache, the whole browser history too. I've even tried using a different browser, problem persists. There are other users in my organization that have the same issues. Tried using it in other lists too, same problem.
Emily Du-MSFT 51,946 Reputation points Microsoft External Staff

2024-05-22T10:18:22.1166667+00:00

It's so weird. I suggest you open a service request with Micrsoft to check the issue remotely.

Share via

Microsoft Lists buttons not working

1 answer

Your answer