'%3e%3cpath%20d='M8%200C12.4183%200%2016%203.58172%2016%208C16%2012.4183%2012.4183%2016%208%2016C3.58172%2016%200%2012.4183%200%208C0%203.58172%203.58172%200%208%200ZM11.6162%204.38379C11.2257%203.99337%2010.5927%203.99338%2010.2021%204.38379L8%206.58594L5.79785%204.38379C5.40732%203.99334%204.77429%203.99329%204.38379%204.38379C3.99331%204.77429%203.99335%205.40733%204.38379%205.79785L6.58594%208L4.38379%2010.2021C3.99348%2010.5927%203.99341%2011.2257%204.38379%2011.6162C4.77426%2012.0066%205.40734%2012.0065%205.79785%2011.6162L8%209.41406L10.2021%2011.6162C10.5927%2012.0066%2011.2257%2012.0067%2011.6162%2011.6162C12.0067%2011.2257%2012.0066%2010.5927%2011.6162%2010.2021L9.41406%208L11.6162%205.79785C12.0066%205.40735%2012.0066%204.77429%2011.6162%204.38379Z'%20fill='%23080E17'%20fill-opacity='0.46'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_3761_713'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e)
How to Display a SharePoint Task List and Timeline on a Modern Homepage
Question details
The user wants to display a classic SharePoint task list and its timeline on a modern SharePoint Online homepage.
- Product
- SharePoint Online
- Device & OS
- not provided
- Scenario
- Designing or updating a modern SharePoint Online homepage to include legacy project tracking tools.
- Observed behavior
- The classic task-list web part is unavailable in the modern SharePoint redesign, preventing users from directly adding their task lists and timelines.
Ensure you have Edit permissions for the modern SharePoint homepage and the exact URL of the classic task list you wish to display.
Use the Embed Web Part with a Modified URL
Since the classic task-list web part is deprecated on modern pages, you can use the Embed web part to frame the classic list and hide the default headers.
This method uses an iframe approach via the Embed web part. By appending specific parameters to your list's URL, you can hide the standard SharePoint header and navigation elements, creating a cleaner integration directly on the modern page.
Navigate to your classic SharePoint task list and copy the full URL from your web browser's address bar.
Go to your modern SharePoint homepage and click the 'Edit' button located in the top-right corner of the screen.
Hover over the page canvas to reveal the plus (+) icon, click it to add a new web part, and select 'Embed' from the menu.
In the Embed web part properties panel on the right, paste your task list URL. Add '?IsDlg=0' to the very end of the URL string to hide the list page header.
Review the embedded task list on your canvas and click 'Republish' to make the changes visible to all site visitors.
Manage Complex Project Tasks Easily with WPS Office
While SharePoint offers web-based collaboration, managing complex project timelines and task lists is often easier and more reliable in a dedicated spreadsheet. WPS Office provides a free, lightweight, and highly compatible alternative to Microsoft Office, allowing you to create comprehensive task trackers and Gantt charts without browser or web-part compatibility issues.
- 1. Download and Install WPS Office: Get the free WPS Office suite from the official website and install it on your computer.
- 2. Open WPS Spreadsheet: Launch WPS Office and open a new Spreadsheet to begin building your task list.
- 3. Apply a Timeline Template: Browse the built-in template library for 'Timeline' or 'Gantt Chart' to instantly generate a professional, presentation-ready project tracker.
Frequently Asked Questions
Why is the classic task list web part missing on my modern SharePoint page?
Microsoft redesigned SharePoint to use modern pages, which are responsive and mobile-friendly. During this transition, several classic web parts, including the dedicated task list and timeline, were deprecated and are not natively supported in the modern interface.
What does ?IsDlg=0 do in a SharePoint URL?
Appending ?IsDlg=0 (or ?IsDlg=1) to a SharePoint URL removes the standard site navigation, headers, and quick launch menus from the rendered page. This is highly useful when embedding a page, as it forces only the core content to display inside the iframe.
Why does my embedded SharePoint task list only show a link instead of the actual list?
If SharePoint security settings restrict embedding (such as specific 'HTML Field Security' settings set by administrators), or if cross-domain iframing is blocked by your browser, the Embed web part will fall back to displaying a standard hyperlink instead of rendering the full list.
