SharePoint Document Issues

Fix Missing Headers in SharePoint List Card View JSON

John Wilson Oct 10, 2026 869 views

Question details

The user needs to fix an issue where certain fields in a SharePoint list card view fail to display headers or formatting when customized with JSON.

How to Fix Missing Headers in SharePoint List Card View JSON

Product: Microsoft SharePoint
Device & OS: not provided
Scenario: Customizing the visual appearance of a SharePoint list card view using JSON formatter.
Observed behavior: One field displays correctly with its header, while other fields like Contact Method and Phone show no headers or formatting.

Before you start

Before modifying your list view, save a copy of your current JSON code in a text editor to ensure you can easily revert any broken changes.

Solution 1Recommended

Consult the Microsoft Q&A SharePoint Developer Community

Since SharePoint JSON customization relies heavily on exact internal field names and precise syntax, posting your code to Microsoft's developer community is the most reliable way to identify the error.

Advanced JSON formatting issues often stem from how SharePoint handles different column types internally. Specialists in the Microsoft Q&A community can verify your internal names, display values, and formatter references to pinpoint the exact formatting conflict.

Gather your configuration details

Copy your complete JSON formatter code and note the exact column types (e.g., Choice, Single line of text) that are missing headers.

Visit the Microsoft Q&A platform

Navigate to the official Microsoft Q&A website and log in with your Microsoft account.

Post your question with relevant tags

Submit your issue along with the JSON code snippet. Ensure you apply the 'SharePoint development' and 'SharePoint Online' tags so it reaches the right engineers.

Consult the Microsoft Q&A SharePoint Developer Community

Provide complete information: Always include the full JSON structure rather than just the problematic snippet, as the issue might originate higher up in the JSON hierarchy.

Solution 2

Verify Internal Field Names and JSON Syntax Manually

Before reaching out for help, you can perform basic troubleshooting to check for common JSON errors such as internal name mismatches or syntax issues.

Free Microsoft Office alternative

Boost Your Productivity with WPS Office

While troubleshooting complex SharePoint and Microsoft 365 developer issues, consider trying WPS Office as a lightweight, powerful, and free alternative for your daily document creation and editing needs.

1. Download the installer: Visit the official WPS Office website and click the Free Download button.
2. Install the software: Run the downloaded executable file and follow the on-screen instructions to complete the setup.
3. Open your documents: Launch WPS Office and instantly open your existing Microsoft Office files exported from SharePoint or stored locally.

Seamlessly compatible with Microsoft Word, Excel, and PowerPoint formats (.docx, .xlsx, .pptx).Lightweight design ensuring fast installation and smooth performance even on older devices.Familiar tabbed interface that requires zero learning curve for new users.Built-in PDF editing, conversion, and annotation tools.

microsoft office alternative - wps office

Frequently Asked Questions

Why do some fields show headers in SharePoint JSON while others do not?

This commonly occurs when the JSON code incorrectly references the display name of a column instead of its internal name. It can also happen with complex column types (like Lookup or Choice) that require specific property tags like .displayValue to render properly.

How do I preview my JSON formatting in SharePoint before saving?

In your list view, click on the view dropdown menu, select 'Format current view', paste your JSON code into the Advanced mode text box, and click the 'Preview' button. This allows you to test changes without affecting the live view for other users.

Can I use standard CSS in SharePoint JSON formatting?

SharePoint JSON formatting supports a limited subset of CSS properties through the 'style' attribute. However, you must use camelCase syntax (e.g., 'backgroundColor' instead of 'background-color') for it to work properly.

Document & File Issues