DriveWorks Pro 16: How To: Change the Favicon in DriveWorks Live (KB18081401) [send feedback...]

How To: Change the Favicon in DriveWorks Live

A Favicon is a small icon that appears in the browser tab or address bar of a website. This is sometimes referred to as a shortcut icon, website icon, tab icon or bookmark icon.

Example:

ChromeFirefoxMicrosoft Edge

By default DriveWorks Live leaves the Favicon blank in the Web Theme but does provide a small Favicon in the Application Theme.

To add your own custom Favicon to the DriveWorks Live Web Theme follow the steps below.

Adding a Favicon to DriveWorks Live

Adding a Favicon to DriveWorks Live requires a custom Skin. Make sure you copy a Skin from the system folder and paste it into the custom folder and rename it, before making these changes.

Steps:

  1. On the DriveWorks Live machine, navigate to C:\ProgramData\DriveWorks\<DriveWorksVersion>\Live\Themes\Web\content\custom
  2. Create a new folder in this location called "images".
  3. Copy your Favicon icon file to this new folder.
  4. Next, go to your Custom Skin folder. This can be found here: C:\ProgramData\DriveWorks\<DriveWorksVersion>\Live\Themes\Web\content\custom\skins
  5. In your skin, you will have a file called skin.cshtml. Edit this file.
  6. Find the elements called <link/> under the <head> element.
  7. After the last link, paste the following HTML.
    <link rel="shortcut icon" href="/content/system/images/FaviconName.ico" />
  8. Change the FaviconName to be the name of your actual Favicon.
  9. Save the skin.cshtml file.
  10. Restart DriveWorks Live or your IIS site.
  11. If you are using IIS, you may need to recycle your Application Pool.
  12. You may also need to clear your browser cache to see the change. Ctrl + F5 will force the browser to refresh and clear it's cache.

After this change, you should see your new Favicon appear in your browser tab when visiting your DriveWorks Live site.

Creating a Favicon Image

The size and type of image, including transparency support is important when creating a Favicon.

There are many tools and information available to help with creating your Favicon image.

Enter the term Creating a Favicon into your search engine to return the most popular results.


Knowledge Base Article Ref:KB18081401

Table of Contents