Format a Lists view

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.
   
   

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    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: 
   
   

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.
   
   

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.