Vector assets can be inserted into print materials, which means you can upload CMYK EPS files, or PDFs with spot colours directly into your materials.

Note that you cannot crop vector images, they will be transformed to fit the image area.

All editable image snippets can hold vector assets, e.g.

<div class="vx_image cover_bg">
    <img src="../_images/cover.pdf.png" alt="" />
</div>

 

You can control the layering of the assets by adding either a class or data-vx-layer attribute, e.g.

 

<div class="vx_layer_top"
	class="vx_layer_bottom" ....

<div data-vx-layer="top"
	data-vx-layer="bottom" ....

 

Note that layering only works for vector assets.

 

When edited the asset name will be loaded into a "data-vx-vector" attribute and the "abcpdf-tag-visible:true" attribute will be added. Previously you would have to set the element ID to be the asset name. 

Editable image IDs are rewritten by the system so all styling should be done on classes, e.g.

default.css

.eps_logo { position: absolute; top: 10mm; right: 10mm; width: 45mm; height: 22mm; }
	.eps_logo img { display: block; width: 100%; height: 100%; }

 

pdf.css

.eps_logo { background: none; }
	.eps_logo img { visibility: hidden; }