Others

How to Dynamically Change SharePoint List Tile Card Height via JSON

WPS Content Manager Oct 7, 2026 869 views

Question details

The user wants to automatically resize SharePoint list tile view cards when fields are modified, hidden, or added using JSON formatting.

How to Dynamically Change SharePoint List Tile Card Height via JSON

Product: Microsoft SharePoint
Device & OS: not provided
Scenario: Customizing a SharePoint list tile view to adapt dynamically to varying field visibility and content lengths.
Observed behavior: The user needs to implement dynamic height adjustment for tile cards based on the presence or absence of specific list fields.

Before you start

Ensure you have the necessary permissions to edit list views in SharePoint and a basic understanding of JSON formatting before attempting to customize tile cards.

Solution 1Recommended

Consult Microsoft Q&A for Advanced JSON Formatting

Microsoft officially recommends consulting the SharePoint developer community on Microsoft Q&A for complex JSON formatting tasks like dynamic card height.

SharePoint list tile views can be customized using JSON to alter how items are displayed. However, dynamically changing the height based on conditionally hidden elements often requires complex nested JSON logic using the 'display' attribute or conditional classes.

Because this falls under advanced developer customization, standard Microsoft Community support does not cover it. The best path forward is to engage with SharePoint developers directly.

Navigate to Microsoft Q&A

Open your web browser and go to the official Microsoft Q&A platform.

Search for existing solutions

Use the search bar to look for existing threads using keywords like 'SharePoint JSON dynamic tile height' or 'auto-resize SharePoint tile view'.

Post your JSON code snippet

If no existing solution matches your specific field setup, post a new question. Be sure to include your current JSON code snippet and specify which fields trigger the height change.

Implement the provided solution

Once a Microsoft SharePoint expert or MVP provides the exact JSON structure for your scenario, copy the code and apply it to your list's Advanced formatting panel.

Consult Microsoft Q&A for Advanced JSON Formatting

Solution 2

Apply Conditional Formatting to Hide Empty Elements

Implement basic conditional logic in your JSON to hide elements, which may naturally adjust the card layout if flexbox is used.

Free Microsoft Office alternative

Looking for a Free, Lightweight Office Suite?

While you manage your advanced SharePoint lists, you might also need a reliable tool for your daily documents, spreadsheets, and presentations. WPS Office is a powerful, free alternative to Microsoft Office that offers seamless compatibility.

Fully compatible with Microsoft Word, Excel, and PowerPoint formats.Lightweight installation with fast startup times.Familiar user interface requiring zero learning curve.Rich built-in templates for reports and data analysis.

microsoft office alternative - wps office

Frequently Asked Questions

Can I change SharePoint list tile size without using JSON?

No, the default list view formatting options through the UI only allow basic column adjustments. To change the overall dimensions or dynamic behavior of tile cards, you must use Advanced mode with JSON formatting.

Why doesn't my SharePoint tile card shrink when a field is hidden?

By default, tile cards often have fixed heights or use specific CSS styles that do not collapse automatically. You need to ensure the parent elements in your JSON use flexbox ("display": "flex") and do not have a hardcoded 'height' property.

Where can I find SharePoint JSON formatting templates?

You can find official Microsoft documentation and community-driven templates in the 'SharePoint/sp-dev-list-formatting' repository on GitHub, which provides numerous JSON samples for various list views.

Office Quick Solutions