Ecrion Software Inc. Homepage
Forum Home Forum Home > XF Designer > Knowledge Database
  New Posts New Posts RSS Feed: Watermarking in a template
  FAQ FAQ  Forum Search   Register Register  Login Login

Watermarking in a template

 Post Reply Post Reply
Author
Message / View First Unread Post
justinw View Drop Down
Admin Group
Admin Group
Avatar

Joined: 08 Dec 2011
Posts: 196
Post Options Post Options   Quote justinw Quote  Post ReplyReply Direct Link To This Post Topic: Watermarking in a template
    Posted: 09 Mar 2012 at 7:44am
Q:  Can I add watermarking in the background of my template design?

A:  The answer is, indeed, yes.  To accomplish this, we can use a combination of specifying an SVG image in the header region using the text view and referencing the content specified below.  With some minor adjustments to fit your needs, the sample below demonstrates how this can easily be done.  

1.  Copy the following code (an SVG image placed inside a block-container)

<fo:block-container z-index="-1" position="absolute" left="5pt" top="5pt" width="100%" height="100%">
<fo:block>
<fo:instream-foreign-object>
<svg xmlns="http://www.w3.org/2000/svg" width="680" height="920">
<text font-family="Arial Black" font-size="55pt" style="fill:rgb(255,192,192)"  x="-10" y="300" width="680" text-anchor="middle" transform="rotate(-54, 340, 15)">Watermark Sampl Here</text>
</svg>
</fo:instream-foreign-object>
</fo:block>
</fo:block-container>
 
2.  Switch to Text View 

In the View Tab, under the "Document Views" group, select "Text View".  

3.  Paste the Copied Header Content

Using the header content example copied above, paste this within the xsl-region-before flow content as highlighted below.


4. Modify fill color, font, orientation, etc...

Using the example code, users can see the attributes for the SVG image.  For example:  font-family="Arial Black".  Users can make modifications to these attributes to achieve their desired look.  

5.  Preview and Adjust

Users can use the "View Tab" to switch to "Print Preview" and view their watermark.  If any adjustments are needed, one can simply navigate back to the "Text View" to adjust.  Sample output is highlighted below for this example.  




Edited by justinw - 02 May 2012 at 7:24pm
Back to Top
 Post Reply Post Reply

Forum Jump Forum Permissions View Drop Down

Bulletin Board Software by Web Wiz Forums® version 9.69
Copyright ©2001-2010 Web Wiz

This page was generated in 0.098 seconds.