SharePoint List Formatting
Back to view formats
View formattingSharePoint Online

Multilingual Quotes

This sample demonstrates the use of the @UIlcid token to change the text displayed based on the site display language.

Get this format View on GitHub

Shared by Tetsuya Kawahara
Updated Sep 19, 2022

Multilingual Quotes formatting preview
Sample preview · View original image

Copy. Apply. Make it yours.

Get this format

1 definition

Review the requirements below, then paste this JSON into the matching formatting panel. Show me where.

Use your list's internal column names and replace any tenant-specific URLs or flow IDs. Formatting is presentation, not a way to secure data.

View formatting
Download JSON
{
  "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/row-formatting.schema.json",
  "hideColumnHeader": true,
  "hideSelection": true,
  "rowFormatter": {
    "elmType": "div",
    "style": {
      "display": "flex",
      "flex-direction": "column",
      "align-items": "start",
      "border-left": "10px solid",
      "padding": "5px 20px",
      "width": "320px",
      "margin-bottom": "30px"
    },
    "attributes": {
      "class": "ms-bgColor-themeLighter ms-fontColor-themeDark"
    },
    "children": [
      {
        "elmType": "div",
        "txtContent": "❝",
        "style": {
          "font-size": "45px",
          "height": "40px"
        }
      },
      {
        "elmType": "div",
        "txtContent": "=if(@UIlcid==1041,'[$Japanese]','[$Title]')",
        "style": {
          "font-size": "22px",
          "margin-bottom": "10px"
        },
        "attributes": {
          "class": "ms-fontColor-neutralSecondary"
        }
      },
      {
        "elmType": "div",
        "txtContent": "=if(@UIlcid==1041,'[$JapaneseName]','[$Name]')",
        "style": {
          "font-size": "16px",
          "width": "100%",
          "border-top": "1px solid",
          "text-align": "right",
          "padding-top": "10px",
          "padding-bottom": "10px"
        },
        "attributes": {
          "class": "ms-fontColor-neutralSecondary"
        }
      }
    ]
  }
}
View sourceLink to this definitionmultilingual-quotes.json

From the contributor

How to use this sample

Summary

This sample demonstrates the use of the @UIlcid token to change the text displayed based on the site display language.

screenshot of the sample

View requirements

Type Internal Name Required
Single line of text Title Yes
Single line of text Name Yes
Single line of text Japanese Yes
Single line of text JapaneseName Yes

Sample

Solution Author(s)
multilingual-quotes.json Tetsuya Kawahara

Version history

Version Date Comments
1.0 September 19, 2022 Initial release

Disclaimer

THIS CODE IS PROVIDED AS IS WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.