How to use the PRD 2.0 CSS Editor
How to use the PRD 2.0 CSS Editor
With PRD 2.0 you can edit the Cascading Style Sheet (CSS) used to control the look, style and feel of the PRD 2.0 webpages. Webpage elements such colors, fonts, and spacing can be edited and previewed directly from within the editor and then published to the active PRD 2.0 when ready.
The CSS Editor is intended for web developers comfortable and familiar with CSS, but there are many online resources available for those wishing to learn, such as https://www.w3schools.com/css/.
To access the PRD 2.0 CSS Editor, complete the following steps:
- Log into iCarol as a user who has permission to edit resources
- Click 'Resources' from the left side menu
- Click the 'Manage Resources' link to the right of the geographic filters
- Under the Upgrades section, click the 'Public Resource Directory' link
- Click the 'Manage the PRD2 settings' link at the top of the page
- Click the link that says 'Click here to edit the css for the Public Resource Directory v2.0', and you're brought to the page where you can edit, preview, and publish the CSS for PRD 2.0
- From the CSS editor that opens in a new window you can edit, preview, and publish your CSS. This means you can test any changes to your CSS before making them go live on your PRD.
To edit, preview, and publish your CSS, complete the following steps:
- On the left side of the page is the editable text box where you enter the CSS you've created, per your organizations desired look, style, and feel.
- Note, you can have your web developer start by providing you with a CSS file used on other parts of your organization's website, and paste the details from that file into this text box
- Click the 'Preview changes above' button to preview your CSS changes in the mini-PRD 2.0 window
- Click the 'Preview changes in new window' button to preview your CSS changes on your PRD 2.0 in a new window; this is helpful if the changes you're making aren't apparent in the mini-PRD 2.0 window
- Click the 'Publish to PRD' button to publish your changes to your live PRD 2.0
- Click the 'Reset to last published' button to restore your last published CSS
- Click the 'Reset to iCarol default' button to start fresh from the iCarol default; note, you will lose all previously published changes
- Click the 'Format CSS' button to make the text in the CSS editor text box more readable
Any changes you make to the text in the CSS editor are automatically saved. In other words, if you're in the middle of making changes and you want to save them as a "draft" so you can edit them at a later time, your changes are automatically saved. If you want to undo any of your changes, click "Reset to last published" button
.
Related Articles
How to configure PRD 2.0 Settings
How to Configure PRD 2.0 Settings There are several settings available for PRD 2.0 that allow you to control the look and feel of how it appears on your website. Current PRD 2.0 Settings Link for embedding the PRD: add this link to your public ...What is PRD 2.0?
What is PRD 2.0 PRD 2.0 is still in development. If you have questions or feedback about the existing functionality of the feature, have a designated Support Contact submit a ticket with your questions or feedback. Subscribe to the iCarol blog and ...Public Resource Directory (version 2.0) Guided Search
What is the Public Resource Directory (version 2.0)? PRD 2.0 is still in development. If you have questions or feedback about the existing functionality of the feature, have a designated Support Contact submit a case with your questions or feedback. ...How to create PRD 2.0 'Link Terms' Guided Searches
How to create PRD 2.0 'Link Terms' Guided Searches There are 3 types of Guided Searches available in PRD 2.0. This article will help you to create Link Terms Guided Searches in PRD 2.0 Text search Redirect to a URL Taxonomy or Custom Resource ...Tutorial Videos: Statistics PRD and Security tabs
The tutorial videos on Statistics PRD and Security tabs includes: PRD: explanation of PRD reports Security: explanation of security reports