A watermark can add a professional touch to your HomeGauge inspection reports. This guide will walk you through the steps to create and apply a watermark using your logo. Here's how you can create and apply a watermark:
Designing a personalized watermark requires knowledge of image manipulation and CSS file modification. If assistance is needed, feel free to reach out to HomeGauge Support.
- Prepare Your logo as a watermark
- Open a high-quality version of your current logo in an image editor such as PhotoShop, Paint.net, or Gimp.
- Using a tool such as Levels, create a faded version of your logo for use as a watermark. For a watermark image not to interfere with your report content, you should make the watermark image very light.
- You can experiment with the size of your watermark image, but a limit of 500px wide (for landscape-oriented logos) and/or 500px tall (for portrait-oriented logos) is a good place to start.
- Save the file as watermark.jpg. It is critical that the name and file type are exact.
- Locate Your Print Format Folder
- In Desktop Report Writer, go to the menu File >Printing Options and click on the "Style & Format" tab.
- Below the list of Styles on the right, you'll see a line that says "Folder: Format#," indicating where your style resides.
- Open File Explorer outside the Desktop Report Writer.
- Find and open the HomeGauge data folder. This is usually Documents/HomeGauge, but could be C:\HomeGauge.
- Next, open PrintFormat, then the file with the Format# you previously found.
- Rename the Existing Watermark. Rename the existing file called watermark.jpg to watermarkold.jpg
- Copy your watermark image.
- Paste the watermark image file into the folder you found in Step 2.
- Make a custom copy of the standard CSS file you use
- In the same folder found in Step 2, make a copy of the CSS file that you use. This file will match the name of the Style option you found in your software in step 2, such as "Blue.css" or "Red.css."
- Once copied, rename this file to something memorable, like "Blue-CompanyName.css." It's crucial to rename this file so that your customizations aren't overwritten during a reinstall.
- Edit the custom CSS file
- Open up the custom CSS file you created in Step 4 using Notepad.
- Paste the following code to the very bottom of the file:
/* HG Watermark Ready */
/*
hgImageInclude("watermark.jpg")
*/
@media screen { .screen-page { background: url("watermark.jpg") #fff center center no-repeat !important; } div[name^=sec-id-Cover] { background: #fff !important } }
@page { background: url("watermark.jpg") center center no-repeat !important; }
@page:first { background: none !important; } - Save your file.
- Select this new style from your printing options.
- Back in the Desktop Report Writer, click the File > Printing Options
- Click the Style & Format tab.
- Find your new custom CSS file from the list on the right, select it, and click OK. The next time you upload or print, you should have your watermark in your report.
If you decide to remove your watermark, simply delete "watermark.jpg" from the folder and rename "watermarkold.jpg" back to "watermark.jpg."
If you are using one of the following formats, there is one modification you'll need to make:
- Format6 - Modern Gradient
- Format7 - All colors
- Format7b - All colors
For these stylesheets, open the corresponding .css file for the color you're using in Notepad, and look for the following line near the top: hgImageInclude("images\line-blue.gif", "images\line1.jpg") - The exact images shown will differ, but in any case, you'll want to add a comma after the last double quote but before the ) followed by a space and then "watermark.jpg". For instance: hgImageInclude("images\line-blue.gif", "images\line1.jpg", "watermark.jpg")