DEV Community

Tank-73
Tank-73

Posted on

SharePoint JSON format

Hi guys,

Does anyone know how to make it show as an original paragraph? Please see the below attached.

Image description

The current status as below.

Image description

The column JSON format suppose can help but I do not know how to. Below is that column JSON format.

{"$schema":"https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json","elmType":"div","style":{"flex-wrap":"wrap","display":"flex-wrap: nowrap"},"children":[{"elmType":"div","style":{"box-sizing":"border-box","padding":"4px 8px 5px 8px","display":"flex","border-radius":"16px","height":"24px","align-items":"center","white-space":"nowrap","overflow":"hidden","margin":"4px 4px 4px 4px"},"attributes":{"class":{"operator":":","operands":[{"operator":"==","operands":["[$Question_x0020_6]","I understand the following statement"]},"sp-css-backgroundColor-BgCornflowerBlue",{"operator":":","operands":[{"operator":"==","operands":["[$Question_x0020_6]","I do not understand the following statement"]},"sp-css-backgroundColor-BgMintGreen",{"operator":":","operands":[{"operator":"==","operands":["[$Question_x0020_6]","Tap to indicate that you understand this statement"]},"sp-css-backgroundColor-BgGold","sp-field-borderAllRegular sp-field-borderAllSolid sp-css-borderColor-neutralSecondary"]}]}]}},"children":[{"elmType":"span","style":{"line-height":"16px","height":"14px"},"attributes":{"iconName":{"operator":":","operands":[{"operator":"==","operands":["[$Question_x0020_6]","I understand the following statement"]},"",{"operator":":","operands":[{"operator":"==","operands":["[$Question_x0020_6]","I do not understand the following statement"]},"",{"operator":":","operands":[{"operator":"==","operands":["[$Question_x0020_6]","Tap to indicate that you understand this statement"]},"",""]}]}]},"class":{"operator":":","operands":[{"operator":"==","operands":["[$Question_x0020_6]","I understand the following statement"]},"",{"operator":":","operands":[{"operator":"==","operands":["[$Question_x0020_6]","I do not understand the following statement"]},"",{"operator":":","operands":[{"operator":"==","operands":["[$Question_x0020_6]","Tap to indicate that you understand this statement"]},"",""]}]}]}}},{"elmType":"span","style":{"overflow":"hidden","text-overflow":"ellipsis","padding":"0 3px"},"txtContent":"[$Question_x0020_6]","attributes":{"class":{"operator":":","operands":[{"operator":"==","operands":["[$Question_x0020_6]","I understand the following statement"]},"sp-field-fontSizeSmall sp-css-color-CornflowerBlueFont",{"operator":":","operands":[{"operator":"==","operands":["[$Question_x0020_6]","I do not understand the following statement"]},"sp-field-fontSizeSmall sp-css-color-MintGreenFont",{"operator":":","operands":[{"operator":"==","operands":["[$Question_x0020_6]","Tap to indicate that you understand this statement"]},"sp-field-fontSizeSmall sp-css-color-GoldFont",""]}]}]}}}]}]}

Will be grateful for anyhelp you can provide.

Top comments (0)