SPD Admin Settings Extension

Summary

This extension allows SharePoint admins to customize and enhance page layouts by providing settings for:

1. Full-width display for all screen sizes.
2. Adjustable height between web parts.
3. Configurable footer text positioning.

Used SharePoint Framework Version

Node Version

Applies to

• SharePoint Framework
• Microsoft 365 tenant

Get your own free development tenant by subscribing to Microsoft 365 Developer Program.

Prerequisites

Ensure you have access to administrative permissions within SharePoint.

Solution

Solution	Author(s)
Admin Settings Extension	Chipui Kasar

Version History

Version	Date	Comments
1.0	February 7, 2025	Initial release

Disclaimer

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.

---

Minimal Path to Awesome

1. Clone this repository.
2. Ensure that you are at the solution folder.
3. Run the following commands:
   • npm install
   • gulp serve

Features

This extension offers the following functionalities exclusively for SharePoint admins:

• Full-Width Display: Admins can set pages to span the full width across all screen sizes.
• Web Part Spacing: Admins can adjust the height between web parts for better content organization.
• Footer Text Positioning: Admins can change the position of the footer text to suit their design preferences.

How to Use

1. Navigate to the SharePoint page where the extension is deployed.
2. Ensure you have admin permissions.
3. Access the admin settings panel to:
   • Enable or disable full-width display.
   • Adjust spacing between web parts using the height slider.
   • Move the footer text using drag-and-drop or predefined options.

References

• Getting Started with SharePoint Framework
• Use Microsoft Graph in Your Solution
• Microsoft 365 Patterns and Practices - Guidance, tooling, samples, and open-source controls for your Microsoft 365 development.