none
Sharepoint ListのJson機能を利用して、文字を大きくする方法について RRS feed

  • 質問

  • お世話になります。下記のリンクでここを勧められましたのでこちらで初めて質問をします。

    ttps://answers.microsoft.com/ja-jp/msoffice/forum/all/sharepoint/24623c6f-5137-4a17-a5d5-d7e41ff2b04c

    SharepointのListのモダンスタイルにてjson機能を利用して表示形式を様々に変更できることを知りました。Github上に様々な例が載っており、それをコピペしたら確かに表示が変更されます。

    ttps://docs.microsoft.com/ja-jp/sharepoint/dev/declarative-customization/column-formatting

    ですが、自分が一番必要としている「現在12 pxの文字を大きくする」機能がどうしてもありませんでした。そこで、見よう見まねで下記のコードを作成しました。

    {
    
      "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",
      "elmType": "div",
      "txtContent": "@currentField",
      "style": {
        "font-size": "18 px"
      }
    }

    が、いろいろ試行錯誤しても全く大きくなってくれません(数回、文字が表示されなくなったこともあります)。

    お手数ですが、どなたか何が悪かったのか、どのコードならうまく行くかをご教示いただければ幸いです。

    また、解りやすい解説があるページ等をご存知であれば教えていただきたく存じます。

    よろしくお願いいたします。

    追伸:なぜかリンクが貼れないので、h抜きにします。

    2020年3月14日 5:43

回答

  • 元の投稿の URL 先では追記いただいていますが、

    こちらの根本的な原因は、

    "font-size": "18 px"

    のところが、"18 px" と数値と単位の間にスペースがあるのが原因ですね。
    元の投稿の記述方法でも、

    {
    
      "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",
      "elmType": "div",
      "txtContent": "@currentField",
      "style": {
        "font-size": "18px"
      }
    }
    と書くと問題ないですね。
    • 編集済み OTA HirofumiMVP 2020年3月29日 5:42
    • 回答としてマーク To_Na 2020年4月9日 13:11
    2020年3月29日 5:40

すべての返信

  • 自己解決しました。

    {
      "elmType": "div",
      "txtContent": "@currentField",
      "attributes": {},
      "style": {
        "font-size": "18px"
      },
      "customRowAction": {},
      "children": []
    }

    で行けました。18pxのところは110%とかの%表示でもできる模様です。

    2020年3月18日 11:04
  • 元の投稿の URL 先では追記いただいていますが、

    こちらの根本的な原因は、

    "font-size": "18 px"

    のところが、"18 px" と数値と単位の間にスペースがあるのが原因ですね。
    元の投稿の記述方法でも、

    {
    
      "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",
      "elmType": "div",
      "txtContent": "@currentField",
      "style": {
        "font-size": "18px"
      }
    }
    と書くと問題ないですね。
    • 編集済み OTA HirofumiMVP 2020年3月29日 5:42
    • 回答としてマーク To_Na 2020年4月9日 13:11
    2020年3月29日 5:40