sp-dev-fx-webparts/samples/react-advanced-page-properties
Hugo Bernier 68f7f67761 Changed from updated to modificationDateTime 2021-05-02 15:39:42 -04:00
..
assets Changed from updated to modificationDateTime 2021-05-02 15:39:42 -04:00
config new Advanced Page Properties web part brought over from original solution where I built it at ThreeWill 2021-03-30 15:12:55 -04:00
src small styling tweaks, namely for non-capsule values 2021-03-31 21:19:04 -04:00
teams new Advanced Page Properties web part brought over from original solution where I built it at ThreeWill 2021-03-30 15:12:55 -04:00
.editorconfig new Advanced Page Properties web part brought over from original solution where I built it at ThreeWill 2021-03-30 15:12:55 -04:00
.gitignore new Advanced Page Properties web part brought over from original solution where I built it at ThreeWill 2021-03-30 15:12:55 -04:00
.yo-rc.json new Advanced Page Properties web part brought over from original solution where I built it at ThreeWill 2021-03-30 15:12:55 -04:00
README.md Fixed readme and updated sample.json 2021-04-04 23:23:35 -04:00
gulpfile.js new Advanced Page Properties web part brought over from original solution where I built it at ThreeWill 2021-03-30 15:12:55 -04:00
package-lock.json new Advanced Page Properties web part brought over from original solution where I built it at ThreeWill 2021-03-30 15:12:55 -04:00
package.json new Advanced Page Properties web part brought over from original solution where I built it at ThreeWill 2021-03-30 15:12:55 -04:00
tsconfig.json new Advanced Page Properties web part brought over from original solution where I built it at ThreeWill 2021-03-30 15:12:55 -04:00
tslint.json new Advanced Page Properties web part brought over from original solution where I built it at ThreeWill 2021-03-30 15:12:55 -04:00

README.md

Advanced Page Properties

Summary

Attempts to replicate the functionality of Page Properties with the following improvements:

  • Support for theme variants
  • Updated to standard capsule look for list options
  • Support for image fields
  • Support for hyperlink fields
  • Support for currency
  • Improved support for dates

see the difference

Compatibility

SPFx 1.11 Node.js LTS 10.x SharePoint Online Teams N/A: Untested with Microsoft Teams Workbench Hosted: Does not work with local workbench

Applies to

Get your own free development tenant by subscribing to Microsoft 365 developer program

Prerequisites

None

Solution

Solution Author(s)
src/react-advanced-page-properties Mike Homol, Principal Consultant, ThreeWill

Version history

Version Date Comments
1.0 March 30, 2021 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

  • Clone this repository
  • Ensure that you are at the solution folder
  • in the command-line run:
    • npm install
    • gulp serve

Include any additional steps as needed.

Features

Add the part

Once the solution is installed in the app catalog and the app has been added to the site, you should see it available to a page.

add the part

Familiarity is key

This web part tries to mimic the original Page Properties web part as much as possible. You should recognize the functionality of the property setup.

Basically add and remove properties until you are satisfied and you're good to go!

configure the part