- Tools
- SharePoint Online, Vitextra List Filter Online
The context menu of a folder in the List Filter Online web part with the Folder Color submenu open, showing the palette of 16 preset colors.
Add the Web Part
Go to your SharePoint site and add the List Filter Online web part to your page from the web part gallery.
Alternatively, you can open an existing page where the List Filter Online web part is already present.
If the web part is already present, you can skip to Step 4.
Provide the Required Parameters
Click the Configuration button to open the configuration panel. You need to provide three required parameters:
- Enter the URL or name of the SharePoint site that contains the list or document library.
- Select the specific list or document library you want to display data from.
- Choose the columns you want to include in the list view.
Customize Display Options
Set captions, order, and other settings for each column to control how they appear in the list view.
❗ Important
Make sure you have included the Type column in the list view — it is what displays icons for folders and other item types, and colored folders rely on it being present.Create a New Folder (Optional)
Click the + New button on the command bar and select Folder. Enter a name for your new folder.
Choose the Folder Color
Right-click an existing folder, or the one you just created, and select the color you want from the available palette in the Folder Color context menu.
📝 Note
The color is applied immediately once selected — there is no separate save step, and nested folders do not automatically inherit the color of their parent folder.💡 Tip
Colored folders combine well with other List Filter Online features. See KB10031. Filtering Controls Overview and KB10025. Filtering by a Date Range to filter a large, color-coded library down to exactly what you need.
Link to this page
Found this useful? Copy a ready-made link for your blog, wiki, documentation or forum answer.
HTML
<a href="https://vitextra.com/en/support/how-to/color-folder-in-document-library-or-list">How To Color Folders in SharePoint Online</a>Markdown
[How To Color Folders in SharePoint Online](https://vitextra.com/en/support/how-to/color-folder-in-document-library-or-list)Citation
How To Color Folders in SharePoint Online. Vitextra Knowledge Base. Updated Oct 22, 2026. https://vitextra.com/en/support/how-to/color-folder-in-document-library-or-listHow to
Step-by-step guides
How To Create a Custom Searchable User Profile Property
The property pane of the Employee Directory web part, Employee Details section, where the new managed property is selected as a custom attribute.
How To Export a User Profile as a Business Card (vCard)
The downloaded vCard opened as a contact card showing the name, e-mail, job title, company, address and phone numbers of the employee.
How To Export a SharePoint List to Excel
The downloaded workbook open in Excel: a formatted table whose columns match the columns of the web part, with the totals row at the bottom.
How To Add Employee Directory App to Microsoft Teams
Microsoft Teams with the Employee Directory (Employees) icon pinned in the left app bar, and the app open showing the employee search page with quick filters and a grid of employee cards.
