Gaya kursor pemformatan kolom JSON

Question

Saya membuat pemformatan kustom untuk kolom Judul pustaka dokumen sehingga pengguna akan selalu mengunduh dokumen daripada membukanya secara langsung.

Hasilnya bagus, tapi saya tidak bisa menemukan satu detail gaya: Saya ingin tautan digarisbawahi saat diarahkan.

sehingga dalam pseudo format kode: style:hover{ text-decoration: underline; }. Tautan itu sendiri sudah diberi gaya seperti yang ditunjukkan di bawah ini

{
  "$schema": "http://columnformatting.sharepointpnp.com/columnFormattingSchema.json",
  "elmType": "a",
  "txtContent": "@currentField",
  "style": {
    "color": "#272727",
    "text-decoration": "none",
    "font-size": "14px"
  },
  "attributes": {
    "target": "_blank",
    "href": {
      "operator": "+",
      "operands": [
        "http://tenant.sharepoint.com/sitename/_layouts/download.aspx?SourceUrl=http://tenant.sharepoint.com/sitename/Library/",
        "@currentField"
      ]
    }
  }
}

Answer 1

Saya sudah lama meminta gaya hover. Sayangnya, seperti yang ditulis Michael Han_MSFT dalam jawabannya, yang terbaik yang bisa Anda dapatkan adalah --hoverkelasnya.

Untungnya, Anda bisa berkreasi dengan mereka untuk mencapai apa yang Anda inginkan. Cobalah format ini:

{
  "$schema": "http://columnformatting.sharepointpnp.com/columnFormattingSchema.json",
  "elmType": "div",
  "children": [
    {
      "elmType": "a",
      "txtContent": "@currentField",
      "style": {
        "color": "#272727",
        "text-decoration": "none",
        "font-size": "14px",
        "display": "inline-block",
        "border-bottom-width": "1px",
        "border-bottom-style": "solid"
      },
      "attributes": {
        "target": "_blank",
        "class": "ms-borderColor-white ms-borderColor-themePrimary--hover",
        "href": {
          "operator": "+",
          "operands": [
            "http://tenant.sharepoint.com/sitename/_layouts/download.aspx?SourceUrl=http://tenant.sharepoint.com/sitename/Library/",
            "@currentField"
          ]
        }
      }
    }
  ]
}

Ini dia beraksi:

Answer 2

Anda bisa menggunakan ms-bgColor-<color>--hoveruntuk mengubah gaya hover.

{
  "$schema": "http://columnformatting.sharepointpnp.com/columnFormattingSchema.json",
  "elmType": "a",
  "txtContent": "@currentField",

  "style": {
    "color": "#272727",
    "text-decoration": "none",
    "font-size": "14px"
  },
  "attributes": {
    "target": "_blank",
    "class": "ms-bgColor-red--hover",
    "href": {
      "operator": "+",
      "operands": [
        "http://tenant.sharepoint.com/sitename/_layouts/download.aspx?SourceUrl=http://tenant.sharepoint.com/sitename/Library/",
        "@currentField"
      ]
    }
  }
}