View formatting json in SharePoint

Copper Contributor

Hello,

I have requirement of displaying SharePoint column in bold and its value in normal font using view formatting json.

In articles usually I found bold values or column in one line and its value in other line.

But I want result in same line(eg Producer: Marry), so here Producer is column name and it should be bold but Marry should be in simple format.

 

Regards

Moni

 

1 Reply

@Deeksha10 

To clarify: You want the value displayed in the column to include the column name in bold before the field value?

If so, you can add a span before the field content to show the Column name, similar to below.

{
   "elmType": "span",
   "style": {
      "font-weight": "bold"
   },
   "txtContent": "Color: "
},

 

There are a lot of examples of various formatting json in the PnP List Formatting Samples. Start here: https://pnp.github.io/sp-dev-list-formatting/ 

If you give me a little more information, I might be able to provide a more complete json solution.