How to add custom page properties in CQ5

Question

How do I add fields to the page properties dialog?

Answer, Resolution

1. Copy /libs/foundation/components/page/dialog node to your template's component that you want to add dialog properties to.
2. Add fields to the dialog

Example

If you had a page component /apps/<myapp>/components/pages/contentpage that has sling:resourceSuperType=/libs/foundation/components/page then you would copy /libs/foundation/components/page/dialog to /apps/<myapp>/components/pages/contentpage/ to make an overlaid dialog

Affected Versions

CQ5.x