Customer's Canvas can import product templates from InDesign files.

Valid InDesign Templates

You can feed .idml files to Customer's Canvas. The editor works with one-page and multipage templates containing images, texts, and shapes. Although Customer's Canvas supports RGB, CMYK, and Grayscale color spaces, it is recommended to stick to the same color space in a single frame. Customer's Canvas does not support templates containing such master items as page numbers, footers, etc.


Images

The web-to-print editor supports embedded and linked images. You can use both raster and vector graphics in your templates. Customer's Canvas loads image frames as image items by default. If you want them to act as placeholders, add the <PH> marker to the image name.


You can create image placeholders of arbitrary forms by using frames from a free shape and placing images into these frames. To define how images inserted into the placeholders should be resized, you can enable Auto-Fit and use the following frame fitting options:


  • Fit Content to Frame or Fit Content Proportionally to enable the Fit mode.
  • Fill Frame Proportionally to enable the Fill mode.
  • None to enable the Original mode.

Customer's Canvas supports scale, move, and rotate transforms. Other transforms are ignored.

Shapes

Customer's Canvas allows you to work with any shape that you created in InDesign. When importing shapes, Customer's Canvas applies a solid stroke and solid fill to them.

Fancy, rounded, or other corner types are not applied. When you import these shapes into the editor, they will have normal corners.


Text

You can use both text in frames and text on type paths. Text on a path appears on the canvas with default formatting.

Text in text frames supports multi-column layouts. However, when you change the column number in Customer's Canvas, the text frame becomes a rectangular box, and the gutter resets to the default value of 10pt. Therefore, we recommend that you disable changing the columns for non-rectangular text by using the <TACCC> marker. Customer's Canvas only supports copyfitting by using the corresponding markers.


Groups

Customer's Canvas allows you to both maintain groups of design elements and ungroup them when importing InDesign templates. The FlattenGroups parameter defines this behavior. If this parameter is True, Customer's Canvas parses grouped elements one by one and splits a group into separate objects on the canvas and in the Object

Inspector. By default, this parameter is False, which allows you to keep the design elements grouped. You can also add the <GR> or <GR_f> marker to the group name to define how that group should be imported.

As an alternative, you can paste the group of design elements into a frame in your IDML template if you want them to appear as a single image in Customer's Canvas.


Now, let us try to create an InDesign template that is compatible with Customer's Canvas

Creating a New Template


Step     Action

  1.       Download sample badge file (IDML template)

  2.       Open Badge.idml in InDesign

  3.       Open your Layers window (Click on Window and check off Layers) Expand the Layers and note that we added

            a tag to each layer. See the 3 below.

 

Field

Description
<TOS>Enum of
clip
expandBox
fitToBox
FitToWidth

Overflow Strategy defines how to change plain bounded or rich formatted text if it goes out of its bounds. By default, such a text is clipped. 

  • clip - while typing, crop the excessive text. Supports rich text formatting.
  • expandBox - when the bottom of the bounding box is reached, then expand the bottom bound. Supports rich text formatting.
  • fitToBox - when the end of a line is reached, move to the next line first, and when the bottom of the bounding box is reached, then shrink the text. Ignores rich text formatting.
  • fitToWidth - when the end of a line is reached, shrink the text. Ignores rich text formatting.

<PH>Enum of
normal
empty
stub

Enables placeholders based on image or shape layers.

  • normal - the image with placeholder behavior.
  • empty - an empty placeholder (without an image).
  • stub - an image placeholder with a stub image; the stub image is not included in the high-resolution output.

<LC>
Boolean

Locked. <LC> and <LC_t> disallow for editing the marked layers. Such layers are not displayed in the Object Inspector.








   

Here is a link to all the supported tags -Tags 


4.       Open the Links window in InDesign (Window and click on Links) Notice the background is embedded and the

           Badge_photo is not embedded. If you do not embed the image you will have to upload the image in Customer

           Canvas.

           Select {Settings} and then select {Variable Template} and then select {Customer Canvas} and then

           select {Assetsand then select {Images}. For this exercise let's click on badge_photo.png and then right-

           click and embed link.


5.       Save the file as an IDML file


6.       If you need to add images and/or fonts to Customer Canvas then Continue with Converting Templates to IDML

          and if not go to step 8.


7.      Converting Templates to IDML. Customer's Canvas works with .idml files. If you already have a library of .indd

          files or are going to use linked images in Customer's Canvas, you need to build a package as follows:

          - On the File menu, click Package.

          - In the Package dialog box, click Fonts and Links and Images to verify that fonts and images are available

            and there are no missing links, then click Package.

          - Click Package. A window will pop up and should look like the following image.

  


In the Package dialog box, click Fonts and Links and Images to verify that fonts and images are available and there are no missing links, then click Package.

In the Package Publicationdialog box, select and clear checkboxes according to the following image:




 

8.        In DocketManager Select {Settings} and then select {Variable Template} and then

           select {Customer Canvas} and then select {Assetsand then select {Design} You can create folders or

           subfolders to organize your Designs.  If you already have a folder then click on the folder.    

            

9.       Click on New and then Import. Select file ( Badge.idml)

10.     Double Click on the new Design you uploaded and it should look like this:


The IDML template loaded to the web-to-print designer.


Managing the Behavior of Design Elements
You may want to manage the template's behavior in the web-to-print designer, for example, by disabling transforms of some design elements or locking the position of others. Since Adobe InDesign does not provide this type of formatting, we have created a system of so-called markers - special symbols which you add to an element name and are used by Customer's Canvas to manage permissions for each design element. You can find details on the syntax of the markers and a complete list of them in the Supported Markers topic.
So, as the last step of this tutorial, let us configure this template to disallow changing the background and enable copyfitting for the text element. This exercise gives you an idea of how to work with the markers.
To mark the background as a non-editable image, select the appropriate element name on the Layers tab in InDesign and add <LC><OID_f> to it. There is no difference in what position you place the marker - at the beginning of the name, in the end, or somewhere inside a line. Moreover, you may leave only the marker if you like.
You can enable copyfitting in a similar way. Double-click the text layer name and add the <TOS_FitToWidth> marker to fit text to the width of its bounding rectangle.
As a result, the Layers tab looks as follows:
The elements List in the IDML template.
Now if you upload the modified template to the server, you see that the background disappears from the list of editable objects and long names fit the box width.
Preparing Customer's Canvas Templates from Existing InDesign Files
It is easy to keep IDML files compatible with Customer's Canvas when you create them from scratch. However, you may already have a number of INDD files created by designers before they become aware of the way the systems work together. In this case, convert your templates to the IDML format as we described earlier in this topic. Moreover, if you load those templates in Customer's Canvas, they might not look as you would expect.
Here is a list of the most common issues with IDML files and guidelines on how to address them.
Images Do Not Load
Customer's Canvas loads linked images if they are in the same folder as the IDML file or in the \Links\ subfolder.
Solution: First, verify that these images are in the required folders. If they are but still do not load, relink them in InDesign:pen your IDML template right from the \designs\ folder.avigate to the Links tab and specify the correct path.

  1. As an alternative, you can embed these images in the IDML template:

    • On the Links tab, right-click an image link, and then click Embed Link.
  2. Ensure that image links have either the OK or Embedded status.

    Image Links in the IDML template.

    Only the First Page Appears in the Editor

    When you define products through the surfaces array, Customer's Canvas loads only the first page from IDML files.

    Solution: To open a multipage IDML template as a product, use the ISurfacesFromMultipageTemplate interface and set the file property to this multipage template.

    Group Splits into Objects

    Customer's Canvas ignores groups in IDML templates and parses group elements one by one. This may result in poor performance.

    Solution: Paste groups into frames in your IDML template.

    Anything Else?

    If your template is displaying incorrectly, you can contact our tech team and send your zipped template to us. We will see what the problem is with it and suggest a solution.

See Also

Manual

Downloads