0

I want to format a view using JSON but stil keep the possibility to click on the title and get the information panel to edit the item. Using the following code, I cannot longer click on the title.

"elmType": "span", "txtContent": "=[$Title]"

0

enter image description hereI'm seeing that when formatting [Title] column, it looses its single-click action behavior. However, double-click on the formatted [Title] column opens the item in view/edit mode.

Here's the JSON to format [Title] column itself

{
  "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",
  "elmType": "span",
  "txtContent": "@currentField",
  "style": {
    "color": "blue",
    "font-size": "1.5em"
  }
}

You can use a button action in another column and still keep the single-click behavior, same a the [Title] column

Here is the JSON for that. Also, note that the button's styles have been updated to make it look like [Title] column

{
  "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",
  "elmType": "button",
  "txtContent": "[$Title]",
  "customRowAction": {
    "action": "editProps"
  },
  "style": {
    "background-color": "Transparent",
    "background-repeat": "no-repeat",
    "border": "none",
    "cursor": "pointer",
    "overflow": "hidden",
    "outline": "none"
  }
}

enter image description here

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.