Skip to content

[Feedback Customizer]: Implement ratings & widget position adjust via property configuration #1499

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
hugoabernier merged 6 commits into from
Jul 13, 2025
Merged

[Feedback Customizer]: Implement ratings & widget position adjust via property configuration #1499

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
cfd3228
feat: implement configurable position for widget
Sandeep-FED May 23, 2025
4820f6f
feat: implement feedback rating
Sandeep-FED May 23, 2025
f032433
style: adjust feedback wrapper spacing and alignment; update rating c…
Sandeep-FED May 23, 2025
1881d00
chore: bump version to 1.2 and update README.md
Sandeep-FED May 23, 2025
5373e4e
chore(spfx-extensions): udptade readme.md, sample.json, lint issues
Jul 13, 2025
ab9130d
Merge branch 'main' into feat-feedback-customizer
hugoabernier Jul 13, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 5 additions & 3 deletions samples/react-application-customizer-feedback-widget/README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -47,6 +47,8 @@ Create a SharePoint custom list Feedbacks in the SPO site where this application
| Employee_Name | Text |
| Comment | Multi-line Text |

> Note: Enable Ratings column for the list.

> **Optional:** Unhide the default column `Created` to capture the submitted date.

## Contributors🧑‍💻
Expand All @@ -59,6 +61,7 @@ Create a SharePoint custom list Feedbacks in the SPO site where this application
| ------- | ---------------- | --------------- |
| 1.0 | July 02, 2023 | Initial release |
| 1.1 | April 10, 2025 | Version upgrade to SPFx 1.20.0 & other improvements |
| 1.2 | May 23, 2025 | Implement Ratings & change position of widget based on property configuration |

## Minimal Path to Awesome⚡

Expand All @@ -71,11 +74,10 @@ Create a SharePoint custom list Feedbacks in the SPO site where this application
## Debug URL for Testing

```javascript
?debugManifestsFile=https%3A%2F%2Flocalhost%3A4321%2Ftemp%2Fmanifests.js&loadSPFX=true&customActions=%7B%2233ce42af-1748-4989-ab97-a8d9f782b886%22%3A%7B%22location%22%3A%22ClientSideExtension.ApplicationCustomizer%22%2C%22properties%22%3A%7B%22testMessage%22%3A%22Test+message%22%7D%7D%7D
?debugManifestsFile=https%3A%2F%2Flocalhost%3A4321%2Ftemp%2Fmanifests.js&loadSPFX=true&customActions=%7B"33ce42af-1748-4989-ab97-a8d9f782b886"%3A%7B"location"%3A"ClientSideExtension.ApplicationCustomizer"%2C"properties"%3A%7B"title"%3A"Submit+your+feedbacks+%26+ideas"%2C"position"%3A"rightBottom"%7D%7D%7D
```

## Deploy Package Solution 🚀

## Deploy Package Solution
- Ensure that you are at the solution folder
- in the command-line run:
- `gulp build --ship`
Expand Down
4 changes: 2 additions & 2 deletions samples/react-application-customizer-feedback-widget/assets/sample.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@
"An SPFx Application Customizer Extension placed in the bottom placeholder which allows users to input their feedbacks without scrolling down to the end of the page."
],
"creationDateTime": "2023-07-02",
"updateDateTime": "2023-07-02",
"updateDateTime": "2025-05-25",
"products": [
"SharePoint"
],
Expand All @@ -20,7 +20,7 @@
},
{
"key": "SPFX-VERSION",
"value": "1.16.1"
"value": "1.20.2"
}
],
"tags": [],
Expand Down
4 changes: 2 additions & 2 deletions samples/react-application-customizer-feedback-widget/config/package-solution.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
"solution": {
"name": "feedback-customizer-client-side-solution",
"id": "c66c6f38-3920-41b8-849d-3383aa467780",
"version": "1.1.0.0",
"version": "1.2.0.0",
"includeClientSideAssets": true,
"skipFeatureDeployment": true,
"isDomainIsolated": false,
Expand All @@ -30,7 +30,7 @@
"title": "Application Extension - Deployment of custom action",
"description": "Deploys a custom action with ClientSideComponentId association",
"id": "062f8d82-ce8f-4035-b0ce-6cba7de74232",
"version": "1.1.0.0",
"version": "1.2.0.0",
"assets": {
"elementManifests": ["elements.xml", "ClientSideInstance.xml"]
}
Expand Down
10 changes: 6 additions & 4 deletions samples/react-application-customizer-feedback-widget/config/serve.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,23 +4,25 @@
"https": true,
"serveConfigurations": {
"default": {
"pageUrl": "https://m365x44410739.sharepoint.com/sites/PRIDE-EmployeeResourceGroup",
"pageUrl": "https://spl7c.sharepoint.com/sites/WelcomeWorks_OG",
"customActions": {
"33ce42af-1748-4989-ab97-a8d9f782b886": {
"location": "ClientSideExtension.ApplicationCustomizer",
"properties": {
"testMessage": "Test message"
"title": "Submit your feedbacks & ideas",
"position": "rightBottom"
}
}
}
},
"feedback": {
"pageUrl": "https://m365x44410739.sharepoint.com/sites/PRIDE-EmployeeResourceGroup",
"pageUrl": "https://spl7c.sharepoint.com/sites/WelcomeWorks_OG",
"customActions": {
"33ce42af-1748-4989-ab97-a8d9f782b886": {
"location": "ClientSideExtension.ApplicationCustomizer",
"properties": {
"testMessage": "Test message"
"title": "Submit your feedbacks & ideas",
"position": "rightBottom"
}
}
}
Expand Down
Loading
Loading