Uses SPFx application customizer page placeholders to provide a Breaking News ticker at the top of a SharePoint site.
Get your own free development tenant by subscribing to Microsoft 365 developer program
Create SharePoint list on the target site called "Breaking News" and add a "Link" (single line of text) field. Use the default "Title" field for the content of the news item. The Link field allows you to add a click-through for the user.
| Solution | Author(s) |
|---|---|
| newsTicker | MRS Company Ltd |
| Version | Date | Comments |
|---|---|---|
| 1.0 | November 12, 2022 | Initial release |
THIS CODE IS PROVIDED AS IS WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.
git clone { repo } # Clone repository
cd { repo } # Change to repo directory
npm install # Install dependencies
gulp serve # Start dev environment (remember to change url in /config/serve.json)
gulp build # Build solution
gulp bundle --ship # Bundle solution for prod
gulp package-solution --ship # Create sppkg fileThen upload /sharepoint/*.sppkg to your App Catalog.
Demonstrates the following concepts:
- Pull list items from SP REST API.
- Use page placeholders in Application Customizer with SPFx.
- Getting started with SharePoint Framework
- Building for Microsoft teams
- Use Microsoft Graph in your solution
- Publish SharePoint Framework applications to the Marketplace
- Microsoft 365 Patterns and Practices - Guidance, tooling, samples and open-source controls for your Microsoft 365 development