Configuration
Each web part is configured through its settings panel. To open it, click the web part while editing the page and click the pencil (edit) icon.
1. Employee Welcome
1. Employee Welcome
The Employee Welcome banner sits at the top of the onboarding page and creates a warm, branded first impression for new joiners.
📌 Header Settings
| Name | Purpose | Control Type |
|---|---|---|
| Enter Department Name | The main heading shown over the banner image (e.g., "Welcome to the Team!") | Text field |
| Text Color (Title in Banner) | Picks a colour for the title text from the site theme palette | Theme colour dropdown |
📸 View Header Settings Screenshots
⚙️ General Settings
| Name | Purpose | Control Type |
|---|---|---|
| Change Background | Select or upload the banner background image | Image picker |
📸 View General Settings Screenshots
🎨 Appearance Settings
| Name | Purpose | Control Type |
|---|---|---|
| Background Image Scaling | How the background image fills the banner: Cover, Contain, Auto, Stretch, or Centre | Dropdown |
| Title Position | Moves the title text up or down on the banner | Slider (1–87%) |
| Banner Height | Controls the overall height of the banner | Slider (250–550 px) |
📸 View Appearance Settings Screenshots
2. Employee Onboarding
2. Employee Onboarding
Employee Onboarding connects to three SharePoint lists to deliver a personalised task checklist to each new employee. Admins can see all employees and their progress; employees see only their own tasks.
⚙️ General Settings
| Name | Purpose | Control Type |
|---|---|---|
| Select Onboarding Task List | Pick the SharePoint list that holds individual onboarding task items | List picker |
| Select Employee Lists | Pick the SharePoint list that holds records of employees currently being onboarded | List picker |
| Select Onboarding Template | Pick the SharePoint list that defines the default task template assigned to new employees | List picker |
| View Mode | Switch between Admin view (all employees and their progress) and User view (personal checklist only) | Dropdown |
📸 View General Settings Screenshots
View Mode Options:
| Option | Who Sees It | What They See |
|---|---|---|
| Admin | HR / People Team | A full table of all employees currently being onboarded, with task progress per person |
| User | New Employees | Their own personal checklist of onboarding tasks to complete |
Tip: Set View Mode to Admin on the HR team's version of the page and User on the employee-facing version. You can use SharePoint page audiences or separate pages to show each view to the right people.