locked
SharePoint - JSON code to show bigger font size RRS feed

  • Question

  • hi i need some very simple json code to basically display bigger font size in my sharepoint list 

    can anybody please advise?

    i found even harder code online about RAG colours - see below - so hopefully font size is even easier yet cant find anything on google.....!!

    {
        "$schema": "http://columnformatting.sharepointpnp.com/columnFormattingSchema.json",
        "debugMode": true,
        "elmType": "div",
        "children": [
            {
                "elmType": "span",
                "style": {
                    "width": "14px",
                    "height": "14px",
                    "border-radius": "14px",
                    "background-color": {
                        "operator": "?",
                        "operands": [
                            {
                                "operator": "==",
                                "operands": [
                                    {
                                        "operator": "toString()",
                                        "operands": [
                                            "@currentField"
                                        ]
                                    },
                                    "Green"
                                ]
                            },
                            "#2dc937",
                            {
                                "operator": "?",
                                "operands":[
                                    {
                                        "operator": "==",
                                        "operands": [
                                            {
                                                "operator": "toString()",
                                                "operands": [
                                                    "@currentField"
                                                ]
                                            },
                                            "Amber"
                                        ]
                                    },
                                    "#e7b416",
                                    {
                                        "operator": "?",
                                        "operands":[
                                            {
                                                "operator": "==",
                                                "operands": [
                                                    {
                                                        "operator": "toString()",
                                                        "operands": [
                                                            "@currentField"
                                                        ]
                                                    },
                                                    "Red"
                                                ]
                                            },
                                            "#cc3232",
                                            ""
                                        ]
                                    }
                                ]
                            }
                        ]
                    }
                }
            }
        ]
    }

    Wednesday, August 29, 2018 3:34 PM

All replies

  • Hi,

    You can specify style attribute 'font-size' to render the field content with custom font size.

    {
    
      "$schema": "http://columnformatting.sharepointpnp.com/columnFormattingSchema.json",
    
      "elmType": "div",
    
      "txtContent": "@currentField",
    
      "style": {
    
        "font-size": "30px"   
    
      }
    
    }


    Read the following article to learn more about column formatting:

    https://docs.microsoft.com/en-us/sharepoint/dev/declarative-customization/column-formatting

    Best regards,

    Linda Zhang


    Please remember to mark the replies as answers if they helped. If you have feedback for TechNet Subscriber Support, contact tnmff@microsoft.com.


    Click here to learn more. Visit the dedicated forum to share, explore and talk to experts about Microsoft Teams.

    Thursday, August 30, 2018 7:25 AM
  • Hi,

    How are things going?

    Does the suggestion help you?

    If yes, please mark it as the answer.

    Best regards,

    Linda Zhang


    Please remember to mark the replies as answers if they helped. If you have feedback for TechNet Subscriber Support, contact tnmff@microsoft.com.


    Click here to learn more. Visit the dedicated forum to share, explore and talk to experts about Microsoft Teams.

    Tuesday, September 4, 2018 7:38 AM