Ch. 020a Template Info Page - Interactive Designer Options

For information about forms-based (standard) options or the areas of the Template Info page that apply to both Forms-based templates and Interactive Designer templates, refer to Ch. 020 Template Info page

To access the Interactive Options area, select "Interactive Designer" in the Type area of your template's Template Info page. The Interactive Options will then appear. After making any changes to the settings in the Template Info page, don't forget to click "Save".

Interactive Designer Options

General

  • Use the NEW Interactive Designer 2024! : Check this box to allow the application to use the new interactive designer. For more detail of the new interactive design, you can check here.  If you are using eDocBuilder with Pressero, we suggest you enable "eDocBuilder Full Screen on Customize Page" option on the site settings page.
  • Allow downloading Proof PDF: Check this box to allow your customers to download a PDF proof of the document prior to placing their order. When your client selects the Approve/Checkout button during customization, they will be prompted to download a PDF proof before adding the item to their cart. Note: This will be the high resolution production file. If you plan to use this option, we highly recommend that you also enter Preview Watermark Text in the Template Info page (discussed in the previous chapter). This will put a translucent text block on the proof PDF that the customer downloads.
  • Allow downloading Preview PDF (crop to bleed setting): Check this box to allow your customers to download a Preview PDF proof of the document prior to placing their order. This differs from the Proof PDF by cropping according to the bleed setting, so a customer isn't confused by all the "extra" space. Note that you MUST also set the Bleed setting, on the same page, if you set this option. Again, this will be the (cropped) high resolution production file. It is advised to use a watermark on the template so that the pdf can't be used for printing purposes.
  • Improve InDesign Compatibility: (may cause visual differences, only use when necessary)

Legacy Templates

  • Using legacy line spacing in HTML tags: Templates created after release 3.7.9 use a line spacing method that has better accuracy. Templates created prior to this time will use the legacy line spacing to avoid unwanted changes to the existing templates. You may choose to remove this setting, but please note that you may need to adjust the current settings your template uses after doing so.

Image Assets URL

  • Always use this Assets URL - The intent of this feature is to provide a way for eDocBuilder users (or self-hosted customers that do not integrate via Pressero) to override the Assets sent by Pressero to eDocBuilder. It is assumed that the person setting this up is a developer who knows how to create a URL that returns data using JSON. Full details on how to use this feature can be found in this chapter: Ch. 020b. Override Pressero DAM with a custom Assets URL.

External CSS

  • External CSS - This feature allows subscribers to specify a custom .CSS file for eDocBuilder to customize templates. This applies to both types of templates – forms-based and interactive. This field must point to a file with a .CSS extension. Contact your salesperson or submit a ticket to Professional Services at support.aleyant.com to obtain pricing.

External CSS is included before custom CSS.

  • In forms-based templates, custom CSS is specified via the “cssurl” query parameter.
  • In interactive templates, custom CSS is specified via “addcss” and “altcss” query parameters.

Note: Future changes to the product may be incompatible with customer-provided CSS. Aleyant is not responsible for problems generated by the added stylesheet.

Permissions

  • Allow Adding Text: Check this box to allow your customers to add new text fields to the template during the customization process.
  • Allow Adding Images: Check this box to allow your customers to add new image fields to the template during the customization process.
  • Allow Auto Populate: Check this box to allow customers to auto-populate templates with images they provide. When the user uploads at least 4 images while customizing the template, they will be given the option to auto-populate the fields on the template.

Image Plugins

  • Can use Pixabay: Select this option if you would like to offer free images from Pixabay to your customer on this template. Select here for details on activating Pixabay in your account and on the template. If you would like, you can enter a custom title to appear for this option that the customer will see when selecting images.

Rules for new text and image fields

Note: Rules set in the Template Info area apply only to user created fields. To use the rules on the template you must allow the user to create new fields by checking off "Allow adding text" and/or "Allow adding images".

If you have selected "Allow adding text" or "Allow adding images" in the Interactive Options section above, you can set permissions for what your client can do with those fields in this section.

  • Can delete field: Check this box to allow your customers to delete fields that they add. It is highly recommended that you enable this option.
  • Can move field: Check this box to allow your customers to move fields that they add. It is highly recommended that you enable this option.
  • Can resize field: Check this box to allow your customers to change the height and width of fields that they add. It is recommended that you enable this option. If you wish to constrain the height and width of added fields to a specific range, use the Maximum and Minimum Field Size areas (more details below).
  • Can rotate field: Check this box to allow your customers to rotate the fields that they add.
  • Can change z-order: Check this box to allow your client to change the stacking order (i.e. move the field toward the foreground or background) of fields they add to the template during customization. Please note that checking this box does not allow your client to move this field above any fields set as overlay fields (ones that have a stacking order in the Format tab of between 101 and 110).
  • Can put behind background: Check this box to allow your client to put fields they add behind the background. Note that if your background has no area of transparency and your client moves the field behind the background, this field will not be visible in the preview or master PDF.
  • Can change opacity: Check this box to allow your client to change the opacity of the text or images in fields that they add to the template.

Minimum field size

If you have selected "Allow adding text" and/or "Allow adding images" and have also checked "Can resize field" but wish to constrain user-added fields to a specific size range, enter a minimum width and height for the field here. Your client will not be able to make the field any smaller than this during customization. The unit of measurement for this option is whatever you have selected from the Define Units drop-down menu at the top right of the page.

Maximum field size

If you have selected "Allow adding text" and/or "Allow adding images" and have also checked "Can resize field" but wish to constrain user-added fields to a specific size range, enter a maximum width and height for the field here. Your client will not be able to make the field any larger than this during customization. The unit of measurement for this option is whatever you have selected from the Define Units drop-down menu at the top right of the page.

Rules for new image fields

  • Can change border: Check this box if you have also checked "Allow adding images" and wish to allow your users to add or change the border size and/or color of image fields they add to the template.

Image Quality Ranges

If you allow your customer to add new image fields to this template, you will also need to set Image Quality Ranges. Note: Settings entered here only affect user-added image fields in the template. To set Image Quality Ranges for image upload fields you have defined in the master PDF, go to the fields' Data Capture tabs.

The DPI calculation for the Image Quality Ranges is based on a combination of the uploaded image size (in pixels) and the field size.

For example:

Your client uploads an image that is 4 inches wide and 6 inches high, with an original resolution of 300 pixels/inch (leading to an image size of 1200 x 1800 pixels). Although 300 is the photo's original resolution, it is not necessarily the DPI that eDocBuilder will use for evaluating the Image Quality, because the Image Quality calculation also takes into account the field size. If the field the photo is uploaded to is 6 inches wide and 9 inches high, the 1200 x 1800 pixel image now has a resolution of 200 DPI, and this is what is used for the Image Quality Range calculation.

If the client crops the image to use a smaller section of it, this will also affect the Image Quality calculation. In the same example above, if the client crops the image to 900 x 1350 pixels and uses this in the 6 x 9-inch field, a resolution of 150 DPI will be used for the Image Quality Range calculation.

  • Good DPI: Enter the lowest resolution that you consider ideal for printing images in this template.
  • Acceptable DPI: Enter the lowest resolution that you consider acceptable (but not ideal) for printing images in this template. If a customer uploads an image that is greater than or equal to this DPI but lower than what you have entered in the Good DPI box, they will see a warning message that says, "Your image quality is low and may look pixelated after printed." A small yellow triangle with an exclamation mark will also appear over the image in the preview (but not in the production file) to act as an alert to the customer.
  • Poor DPI: Enter the lowest resolution that you will agree to print for images in this template. If a customer uploads an image that is greater than or equal to this DPI but lower than what you have entered in the Acceptable DPI box, they will see a warning message that says, "Your image quality is VERY low and may look pixelated after printed." A small orange triangle with an exclamation mark will also appear over the image in the preview (but not in the production file) to act as an alert to the customer.
  • Bad DPI: Bad DPI is anything less than what you have entered in the Poor DPI box. If a customer uploads an image in the Bad DPI range, they will receive the message, "Image Quality Too Low. Bad Print Quality." They will not be allowed to place this image on the template.

Text Styles

If you have selected "Allow adding text," you may also wish to give your users the ability to affect certain aspects of the text styling in fields they add to the template. The available permissions are:

  • Can change font face: Check this box to allow users to change the font face in any field they add to the template. If this box is not checked, all added font fields will use the font you select from the Default font drop-down menu (more details below).
  • Can change font size: Check this box to allow users to change the size of the text in fields they add to the template. If you wish to constrain the font to a certain range of sizes, enter a minimum and maximum font size in the fields below (see below for more details).
  • Can change font outline: This will allow the user to change the font outline color and thickness.
  • Can change font color: Check this box to allow users to change the color of the font in fields they add to the template. If you wish to constrain the font to a certain palette of colors, make sure you have selected it in the "Default color palette for new text" drop-down menu (see below for more details).
  • Can fill text field with color: Check this box to allow users to fill the background of a text field with a color. It isn't necessary for them to have text in the field so this can be used to create squares and rectangles with a color.
  • Can set text to bold:  Check this box to allow users to make the font bold in any fields they add to the template. Please note that it is almost always best to disallow this option and instead upload the bold version of your font to the template's Assets area, making it available for your client to use.
  • Can set text to italic: Check this box to allow users to italicize the text in fields they add to the template.
  • Can set text to underline: Check this box to allow users to underline the text in fields they add to the template.
  • Can change text alignment: Check this box to allow users to set the horizontal and vertical text alignment in fields they add to the template.
  • Can change text direction: Check this box to allow users to set the text direction in fields they add to the template during customization. The options available to them would be:
    • Horizontal (standard) text runs in lines from left to right, with successive lines proceeding top to bottom.
    • Horizontal (right to left) will properly accept scripts -- like Arabic, Farsi, Hebrew, and Urdu -- that need to run in lines from right to left, with successive lines proceeding top to bottom. Important: Left-to-right scripts can still be typed in fields with this setting and will not appear incorrectly. However, right-to-left scripts will only work correctly in a field with this text setting.
    • Vertical text runs in lines from top to bottom, with successive lines proceeding right to left. Important: Only fonts that have been embedded in Unicode can use vertical text.
  • Can change text leading: Check this box to allow users to change the line spacing in fields they add to the template.
  • Can change text tracking: Check this box to allow users to change the character spacing in fields they add to the template.
  • Can insert symbols from drop-down: Check this box to allow users to insert pre-defined symbols from an Insert drop-down menu in text fields they add to the template. The available symbols are ¢ £ ¥ · © ® ™ ¼ ½ ¾.
  • Can enable and disable font effect: Check this box to allow users to enable or disable the font effect on the template.
  • Can change the font effect: Check this box to allow users change the font effect being used on the template.

Text Field Default Values

  • Font: Select a font from this menu to be the default font for user-added text fields in this template. If you do not check "Can change font face" above, any text fields the user adds to the template will be able to use only this font.
  • Font size: If the user is allowed to add a text field the default size for the font can be set here.
  • Minimum font size: If you have checked "Can change font size" but wish to constrain the font in user-added fields to a specific size range, enter a minimum font size here. Your client will not be able to make the text any smaller than this during customization. The unit of measurement for this option is in points, no matter what you have selected from the Define Units drop-down menu at the top right of the page.
  • Maximum font size: If you have checked "Can change font size" but wish to constrain the font in user-added fields to a specific size range, enter a maximum font size here. Your client will not be able to make the text any larger than this during customization. The unit of measurement for this option is in points, no matter what you have selected from the Define Units drop-down menu at the top right of the page.
  • Color Palette: Default color palette for new text. If you wish to constrain your users to a specific selection of colors for font fields they add to the template, select an existing color palette (set these up in eDocBuilder's Color Palettes page) from this menu.
  • Text Color: Sets the default color of text added by the user during customization of the template.
  • Fill Color: Sets the default background color of the text field when a text field is added to the template by the user.
  • Text outline color: Will set the color of the outline around the font if used.
  • Use RGB Color Picker: If you wish to constrain your users to a specific selection of RGB colors for font fields they add to the template.
  • Use CMYK Color Picker: If you wish to constrain your users to a specific selection of CMYK colors for font fields they add to the template.

Font Effect Default Values

  • Effect (select the font effect type)
  • Intensity %
  • Drop Shadow
  • Shadow DPI
  • Shadow Size %
  • Shadow Color
  • Shadow Offset X %
  • Shadow Offset Y %
  • Shadow Opacity %
  • Outline Enabled
  • Outline Size %
  • Outline Color

Other Options

Disable raster quantization: This option is not typically needed. However, if your images have a smooth gradient that is appearing as distinct bands, then check this box to resolve that issue.

 

Training Videos