Product Features  -  Applies to Infiniti v9.6 or later

The ink question type that facilitates drawing on a predefined background, requires the largest UI and can often cause the UI to scroll when combined with other question types.

For situations where the ink question is being targeted by the user we now allow the user to trigger a temporary full screen zoom so that the image can be as large as the screen size, aspect ratio and resolution of the device allows. The image must allow drawing/erasing both when the image is presented on the form amongst other question types and in the full screen view.

When activated the full screen zoom will attempt to fill the maximum area of the screen without stretching or skewing the image meaning the image will continue to grow until:

  • The maximum size of the background image has been reached. I.e. the image won’t grow past 100% of its original size.
  • Either the maximum horizontal/vertical width/height of the screen resolution has been reached.

How to configure ink zoom

Form administrators have the ability to specify firstly if the zoom feature is appropriate and the maximum height/width of the form view (non-zoomed) representation of the ink question so that it can be controlled.

     The ink zoom feature can only be activated from Web Design

Start with an ink question type

The option to Allow Zoom is unchecked by default for an ink question under Properties.


You can check Allow Zoom if there is no background image, but this is not very useful unless you also allow uploads so the user can upload a background image. 


Set the thumbnail width and/or height

When you tick the Allow Zoom option you get two more fields - Thumbnail Max Width and Thumbnail Max Height. Both are optional, are used for the non-zoomed image, and are measured in pixels.
If you want the image to actually zoom you need to specify at least one of these values and it should be smaller than the background image size. There are 4 possible combinations:
  1. Thumbnail max width set but no height: when displayed in the form the background image will be constrained to the set width with the height adjusted to correctly scale the image.

  2. Thumbnail max height set but no width: when displayed in the form the background image will be constrained to the set height with the width adjusted to correctly scale the image.

  3. Max width and max height set: when displayed in the form the background image will be scaled to fit within the dimensions set, so if the scaled width produces a height too big for that specified, the image will be re-scaled so the height fits (making the width smaller as required). If the image fits entirely within the thumbnail size given, it will not be re-scaled.

  4. Neither value set: image will be displayed at its original height and width in the form, but a zoom option (which will display the image at its original height and width but in the zoom window) will be available in the form. This is not a very useful option.
If you allow image upload, then the allow zoom with the thumbnail sizes set can be used to ensure user loaded images don't exceed the allocated space available in the form for the ink question, while still allowing the user to work on the image at full screen size.
     When inserted in a document as a placeholder the background image and/or associated ink will appear at the full size of the background image, unless the dimensions or scale ratio are specified in the answer properties or placeholder controls.

Viewing an ink zoom question in Produce

On the form page

  • An ink question with Allow Zoom set will appear in the form with the size constrained by the thumbnail sizes set in web design. In addition, if a background image is supplied it will appear and a Zoom In button will appear. 
  • If the background image is not supplied no Zoom button appears, but if a background image is uploaded by the user, or by some other form action, then the Zoom In button will appear.
  • All the other tools for managing an ink question will appear as normal, as per settings for that question in Web Design.
  • The ink size will be slightly smaller than normal for the thumbnail to better take into account the reduced image size.

Zoomed in

Clicking on the Zoom in option opens a full screen window with the image sized to best fit in the window but with the image scale maintained.
  • The tools for managing an ink question appear as per normal, the Zoom In option does not appear but a Zoom Out button does appear.
  • The only way to close the window and save the changes to the ink is to click on the Zoom Out button.
  • The ink size will be slightly larger than normal for the zoomed in version to allow the ink changes to be visible when zoomed out again.

Viewing an ink zoom question in the Windows App

The difference between Produce and the Windows app should simply be that Zoom In and Zoom Out are an icon in the Windows app and a button in Produce.

Related Articles

signature draw drawing canvas scribble picture application client infiniti go