Change a Tool Icon
Objective
To change the round, tool-specific icon that appears to the left of a tutorial's page title.
Background
When a new page is created using the 'Tutorial' template or by copying an existing page, you might want to change the icon to represent a specific Procore Tool. This icon is set by the tutorial page's CSS code and can be changed to display a different tool icon, either a Procore tool icon or your own custom icon.
For Procore Tool examples, see Procore Tool Icon Matrix.
Things to Consider
For custom icons, the ideal file size is 50x50 pixels and needs to be an image file type (.jpeg or .png).
Video
Steps
The icon can be a Procore Tool Icon or your own custom icon. These are the steps:
OR
Copy Image URL from Tool Icon Matrix
- Navigate to the Procore Tool Icon Matrix and find the icon that you want to use.
- Under the Image URL column, highlight the URL text, Right Click and click Copy Link Address.
- After the link is copied, you're ready to Change the Tool Icon on your Tutorial.
Copy Image URL from your personal List of Documents
- Navigate to the page where the original document or file was uploaded.
- Scroll to the Attachments section at the bottom of the page.
- Right Click on the URL for the image document that you want to use as a Tool Icon and click Copy Link Address.
- Once copied, you're ready to Change the Tool Icon on your Tutorial.
Change the Tool Icon
- Navigate to the page where the Tool Icon needs to be changed.
- Click Edit and select Edit Live.
- Scroll to find the DekiScript and Click the Plus sign to expand.
- Within the 'Enter DekiScript' area, paste the Image URL within the thumbnail bracket as shown below.
The Single Quotation Marks must be intact on either end of the URL.
5. Click Save.