You have a wide variety of formatting options for your lists. You can use formats to simply make a list easier to read, or you can create rules to highlight certain list items based on values in the list (conditional formatting). And using JSON, you can create more complex views to suit your organization's needs.

Note: These features are not currently available on mobile.

In this article

Format a list layout

Format a gallery layout

Format a view using JSON

Format a list layout

  1. Go to the list you want to format.

  2. On the right side above the list select the Switch view options down arrow and select Format current view.

    Switch view options menu

  3. Under Choose layout, select List.

  4. In the Format view panel you have several options.

    • To alternate blue and white rows in your list for easy reading, select Alternating row styles.
     
    • To make other changes to alternate rows, such as different colors, fonts, and borders, select Edit row styles. Select the edit icon   Alternating row styles edit icon  to the right of the sample text and More styles in the next dialog box to view all your options.

    • To create rules that determine how a row is formatted, select Manage rules in the Conditional formatting box. 

    Rule example: In a list of hospital patients that includes the column "Diagnosis", you want the rows of patients who have pneumonia to appear dark grey with bold text.

    This rule would look like this: 

    Rule example

  5. When you've finished formatting the view, select Save.

  6. To name and save the new view for future use, repeat step 2 above but select Save view as, enter a name, and select Save.
    Now this view will appear in the Switch view options drop-down list along with the other views and options.

Format a gallery layout

  1. Go to the list you want to format.

  2. On the right side above the list select the Switch view options down arrow and select Format current view.

    Switch view options menu

  3. Under Choose layout, select Gallery.

  4. Select Edit card.

  5. In the Card Designer panel you can make the following changes to the gallery view.

    • Select the column names for the data that you want to appear in the cards.

    • Drag the column names to reorder the column data in the cards.

    • To include the column names in the cards, as opposed to just including the data, select Show column names as labels.

  6. When you've finished formatting the view, select Save.

  7. To name and save the new view for future use, repeat step 2 above but select Save view as, enter a name, and select Save.
    Now this view will appear in the Switch view options drop-down list along with the other views and options.

Format a view using JSON

  • Select Advanced mode at the bottom of the Format view panel or Card Designer panel, and enter JSON in the box.

For details and JSON examples, see Formatting list views and Use view formatting to customize SharePoint.

Want to know more?

Read more about Lists

Formatting list views

Use view formatting to customize SharePoint

Format a column to change how it looks

Format the pill shapes in a choice column

Column formatting using JSON

Note: In the SharePoint articles, not all of the content applies to Teams.

For IT admins

Manage the Lists app for your organization in Microsoft Teams

Need more help?

Expand your skills
Explore Training
Get new features first
Join Microsoft Insiders

Was this information helpful?

What affected your experience?

Thank you for your feedback!

×