Adding Backgrounds to QR Codes

You can add background settings to a QR code. This includes the ability to specify a color, image, and a repeating pattern for the background image. Normally you would not see a QR code's background, but if you give the QR code a certain amount of padding, you would see the background around the edges of it.

How to Add a Background to QR Codes

1. Open the stylesheet you want to modify or create a new one.
2. In the local toolbar, make sure the first button displays . If the button displays instead, then click it.
3. In the upper-left corner of the editor, click in the drop-down field and select .
4. Select the MadCap|qrCode style.
5. From the Show drop-down list on the upper-right side of the editor, select .
6. If you are using the grouped view, expand the Background group.
7. Locate the background property that you want to change.

   To Set a Color for the Background

   • To the right of background-color, click and select a color. For advanced color options, click and use the fields in the Color Picker dialog, or click to select a color already used elsewhere on your screen.

   To Add an Image to the Background

   1. To the right of background-image, click . The Insert Image dialog opens.

   2. Select an image file to insert. You can do this in one of the following ways.

      • Select an image already in the document by finding and selecting it in the built-in tree.
      • Click to find and select an image file outside of the document.

      Note If you want to select an image file recently inserted into your document, click the down arrow in the field next to the button, and select the file from the list.

   3. If you want the background image to repeat, click to the right of background-repeat and select one of the options from the drop-down (definitions from http://www.w3.org).
      • no-repeat The image is not repeated: only one copy of the image is drawn.
      • repeat The image is repeated both horizontally and vertically.
      • repeat-x The image is repeated horizontally only.
      • repeat-y The image is repeated vertically only.
8. Click to save your work.