Creating an indicator webpage

Background

This page includes some notes about the process for creating a webpage for a new indicator within the Equity Tracker project.

To generate a webpage for a new indicator we are cloning an already existing webpage. This ensures that all components of the webpage are included and the set up remains consistent across indicators. After the new webpage is ready, the indicator's theme page must also be edited with a link and relevant icon.

Considerations

• Do you have permission and the credentials to make edits to the PSRC website?
• Have the indicator's map and chart(s) been saved to the website folder (\WEB\website_data\equity-tracker-webpages)?
• Does your indicator have trend data? If there is trend data, it i

Workflow

1. Login to have editing access with your provided username and password
2. Navigate to any existing indicator webpage through the Equity Tracker - choosing one within the same theme, if possible is advisable so that the banner image is carried over.* It
3. Click the 'Clone' button along the top of the webpage (below banner and above the theme/indicator navigation)
4. Select the 'Take ownership' checkbox at the bottom of the page and click the 'Clone' button
5. You will be automatically redirected to the cloned webpage > click the 'Edit' button along the top of the webpage
6. Adjust the title and material in the 'Content' drop down section based on drafted and reviewed text
7. Within the 'Advanced settings' drop down section, click on the 'Menu settings' drop down section and select the 'Provide a menu link' checkbox > Adjust the 'Parent link' drop down menu from general '' setting to the more specific theme
8. Click the 'Save' button to review how the indicator webpage appears for users
9. When the webpage is finalized, select the 'Published' checkbox and click the 'Save' button
10. Navigate to the indicator's theme summary page to update the navigation link and icon within the 'Indicators' section
11. Click the 'Edit' button along the top of the webpage (below banner and above the theme/indicator navigation)
12. Within the 'Content' drop down section, click on the 'Related Indicators' drowp down section > Click the 'Add Indicator' button to fill in 'Icon' and 'Indicator' fields - font awesome icons can be found here or here
13. Click the 'Save' button to review how the theme webpage appears for users

*If you cloned an indicator that belongs to a different theme, please contact Carolyn about changing the banner image to match the correct theme banner image - all indicator pages within a theme have the same banner image and all themes imclude a unique banner image. It is not possible to download the banner image from another indicator page, so it would require additional work to access the same image that is associated with the specific theme.