Monday 4 May 2020

Modern UI Customization without SharePoint Designer


  1. Introduction of Spfx extension with Application Customizer
    1.1: WebPart
    1.2: Extension
  2. Steps to Create a Spfx extension application Customizer
  3. ModifyApplication Customizer Apply Social Media links in Modern UI Footer
    3.1: Overcome problem by using Header and bottom placeholders
    3.2: Solution with Spfx Application Customizer
    3.3: Final Code with all changes
  4. Changeoverall Branding of site collection using PowerShell
    4.1: Change Background Color & Introduction of Theme Generator
    4.2: Deployment of Theme
    4.3: Installation of Theme
    4.4: Final Look
  5. Inject External CSS in modern UI to updatenavigation and top header color
    5.1: Create External CSS to update navigation UI
    5.2: Inject CSS in DOM using available Placeholders Header and Bottom
  6. Configuration of CDN for Spfx Extension Deployment
    6.1: Introduction of CDN and Types
    6.2: Steps to create CDN site
    6.3: PowerShell commands to enable CDN
    6.4: Provision unsupported files for CDN using PowerShell
    6.5: Test CDN configuration using Postman
  7. Deploymentof Extension/WebPart to CDN run without debugging mode
    7.1: Changes Required in spfx extension code before deployment
  8. App Catalog missing from SharePoint Modern Content
    8.1: Generate App Catalog using PowerShell
    8.2: Connect SharePoint site using Modified URL
  9. Uninstall WebPart/Extension from Site and CDN steps
    9.1: Best Ways to remove app
    9.2: Remove from Recycle Bins as well
Let’s explorer something beyond from helloword and CRUD Operations using spfx. I hope you already have basic knowledge of spfx architecture. So select Topic you want to explorer.

Thanks Best Of Luck. If you stuck somewhere please feel free to ask in Comment. #SharingIsCaring

No comments:

Post a Comment