Unable to customize card with unique columns in Microsoft List board view

Brode McDonald 0 Reputation points
2025-08-07T15:25:41.6433333+00:00

I have a few lists in Board View that act as an New Product Information tracker for new development products. When trying to customize the card to show a specific column/field, it won't let me specify the column to add. I've tried both in the design mode and advanced mode with the following JSON code:

{

"$schema": "https://developer.microsoft.com/json-schemas/sp/v2/board-formatting.schema.json",

"hideSelection": false,

"formatter": {

"elmType": "div",

"attributes": {

  "class": "sp-card-container sp-card-container-noPadding"

},

"children": [

  {

    "elmType": "div",

    "attributes": {

      "class": "ms-bgColor-white sp-css-borderColor-neutralLight sp-card-borderHighlight sp-card-subContainer sp-card-subContainer-borderRadius"

    },

    "children": [

      {

        "elmType": "div",

        "children": [

          {

            "elmType": "p",

            "attributes": {

              "title": "[$Title]",

              "class": "ms-fontColor-neutralPrimary sp-card-content sp-card-highlightedContent",

              "role": "heading",

              "aria-level": "3"

            },

            "txtContent": "=if ([$Title] == '', '–', [$Title])"

          }

        ]

      },

      {

        "elmType": "div",

        "children": [

          {

            "elmType": "p",

            "attributes": {

              "title": "[$LAUNCHDATE]",

              "class": "ms-fontColor-neutralPrimary sp-card-content"

            },

            "txtContent": "=if ([$LAUNCHDATE] == '', '–', toLocaleDateString([$LAUNCHDATE]))"

          }

        ]

      },

      {

        "elmType": "div",

        "children": [

          {

            "elmType": "p",

            "attributes": {

              "title": "[$Status]",

              "class": "ms-fontColor-neutralPrimary sp-card-content"

            },

            "txtContent": "=if ([$Status] == '', '–', [$Status])"

          }

        ]

      }

    ]

  }

]
```  }

}
Microsoft 365 and Office | SharePoint | For business | Windows
0 comments No comments
{count} votes

2 answers

Sort by: Most helpful
  1. Vy Nguyen 1,810 Reputation points Microsoft External Staff Moderator
    2025-08-07T17:13:26.4633333+00:00

    Hi @Brode McDonald

    Thank you for reaching out to Microsoft Q&A forum and sharing your experience with customizing cards in Microsoft Lists board view.  

    I understand how important it is to tailor your list views to display the right information, especially when tracking new product development. I’m here to help guide you through a solution that suits your situation. 

    When attempting to customize the card layout to show specific fields (such as Title, LaunchDate, or Status), the system may not reflect the changes as expected even when using both design and advanced modes with JSON formatting. 

    This behavior can occur if the JSON formatting doesn’t align with the internal structure of your list or if unsupported field types are used. 

    1. To ensure your JSON references the correct fields: 
    • Go to your list settings. 
    • Click on the column you want to include. 
    • In the URL, look for the Field= parameter—this is the internal name you should use in your JSON. 

    For example, if your column is Launch Date, the internal name might be LaunchDate or LAUNCHDATE. 

    2. Here’s a sample JSON you can use in advanced mode to display Title, LaunchDate, and Status: 

      "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/board-formatting.schema.json", 

      "hideSelection": false, 

      "formatter": { 

        "elmType": "div", 

        "attributes": { 

          "class": "sp-card-container sp-card-container-noPadding" 

        }, 

        "children": [ 

          { 

            "elmType": "div", 

            "attributes": { 

              "class": "ms-bgColor-white sp-css-borderColor-neutralLight sp-card-borderHighlight sp-card-subContainer sp-card-subContainer-borderRadius" 

            }, 

            "children": [ 

              { 

                "elmType": "p", 

                "attributes": { 

                  "title": "[$Title]", 

                  "class": "ms-fontColor-neutralPrimary sp-card-content sp-card-highlightedContent", 

                  "role": "heading", 

                  "aria-level": "3" 

                }, 

                "txtContent": "=if([$Title] == '', '–', [$Title])" 

              }, 

              { 

                "elmType": "p", 

                "attributes": { 

                  "title": "[$LAUNCHDATE]", 

                  "class": "ms-fontColor-neutralPrimary sp-card-content" 

                }, 

                "txtContent": "=if([$LAUNCHDATE] == '', '–', toLocaleDateString([$LAUNCHDATE]))" 

              }, 

              { 

                "elmType": "p", 

                "attributes": { 

                  "title": "[$Status]", 

                  "class": "ms-fontColor-neutralPrimary sp-card-content" 

                }, 

                "txtContent": "=if([$Status] == '', '–', [$Status])" 

              } 

            ] 

          } 

        ] 

      } 

    This layout will show each field on its own line, which is the supported format for board view cards. 

      3. Some field types like lookup or calculated columns, columns render properly in board view. Try using simple text or date fields first to confirm the formatting works. 

      4. You can preview your JSON formatting using the Adaptive Card Designer to ensure it displays as intended. 

    Moreover, to ensure you receive the most tailored support for your specific environment and configuration, I recommend creating a support ticket with Microsoft. This will connect you directly with a dedicated support engineer who can work with you one-on-one to implement a solution that fits your setup. 

    While the Microsoft Q&A forums are a great place to ask questions and share experiences, they are best suited for general guidance and community-driven support. For more complex or environment-specific issues like yours, working directly with Microsoft Support ensures you get the most accurate and actionable help. 

    Here’s how you can create a support ticket for more personalized assistance: 

    1. Go to Microsoft 365 Admin Center. 
    2. Sign in with your admin account. 
    3. Navigate to Help & Support > Type in your request and description (Provide details about your scenario and request assistance with SharePoint site provisioning and Planner integration.)  > Contact support - Get support - Microsoft 365 admin | Microsoft Learn

    Once you’ve submitted the ticket, feel free to share the case number with me. I’ll be happy to follow up or help coordinate if needed. 

    Thank you again for your patience and for choosing Microsoft Q&A forum. Please let me know if there’s anything else I can assist you with. I’m here to support you every step of the way.


    If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment”.    

    Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread. 

    0 comments No comments

  2. Vy Nguyen 1,810 Reputation points Microsoft External Staff Moderator
    2025-08-11T17:46:48.87+00:00

    Hi @Brode McDonald

    Good day! I hope this message finds you well.

    It's been a while since our last conversation, and I wanted to check in on how things are progressing with the issues we've discussed. Have you had a chance to review the answers we have provided?

    If there is anything else, I can help you, please don't hesitate to get in touch. I would be happy to help.

    Thank you again for your patience and for choosing Microsoft Q&A forum. Please let me know if there’s anything else I can assist you with. I’m here to support you every step of the way.


    If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment”.    

    Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread. 

    0 comments No comments

Your answer

Answers can be marked as Accepted Answers by the question author, which helps users to know the answer solved the author's problem.