Branding Editor at a Glance
The Branding Editor enables editing and previewing Slate branding while keeping current branding files unchanged. As you create and maintain a consistent brand identity across all of your Slate pages, you can test new branding ideas before you implement them in production.
Use the Branding Editor to:
- Change your logo, colors, or fonts
- Update your header and footer designs
- Add new branding elements to your pages
- Test different branding layouts
- Create custom branding for specific portals or pages
To access this tool:
-
- Select Database from the Slate navigation bar.
- In the Branding section, locate and select Branding Editor.
To edit Slate branding in the Branding Editor:
-
- Click Import Current to load existing branding files.
- Make edits to the files as needed.
- Click Save.
- Click Preview.
- Select a record to impersonate and review your changes.
- When all the changes have been made and approved, click Publish Changes to update the files in your production environment.
Not sure where to start?
Review the Branding in Slate Knowledge Base article for details about the elements discussed in the Branding Editor article.
In-Depth
The key in the following image corresponds with each item in the list:
-
Files: This menu displays any files located in the dev folder of Database > Files (formerly File Editor).
Files in the Branding Editor.
Corresponding files in dev.
To delete a file, click the to the right of the file name. Click OK in the system dialog to confirm deletion.
-
New: Creates a new empty file. A prompt appears to enter a file name. Click Create to create a new blank file and save it to the dev folder.
Only files with the following file extensions will be editable in this interface:
-
- .css
- .xslt
- .html
-
-
Save: Saves changes to the current file.
-
Preview: Opens a new tab to display the entered URL with styles from the build files in the dev folder of Files applied.
Required fields:
- URL: Enter a Slate page to display. For example:
-
Preview as: Enter the name of a record you'd like to impersonate to view the page.
When you click Preview, a new tab opens displaying the URL you entered. A banner indicates you are impersonating your selected record in Development Mode, meaning dev styles are being applied.
Any subsequent pages opened from within the preview will also be in Development Mode until you click the Dismiss link. For example, if a form is opened, it will also display with dev branding.
-
Upload: Select an existing local file to upload to the dev folder to be edited.
-
Import Current: Copies all files currently in the share folder in Files to the dev folder for editing.
-
Publish Changes: Copies all the files in the dev folder and writes them to the shared folder in Files, overwriting any existing files with the same names. The dev files are not removed.
-
Exit: Returns to Database.