0 Replies Latest reply: Nov 4, 2014 7:02 AM by eg4190 RSS

    Alignment issue with Edge Animate widget in DPS

    eg4190 Community Member

      Hi all, fairly new to the DPS workflow.  My company is working on a prototype digital magazine, so I thought it would be fun to add an interactive widget.  I found this lovely dial widget and purchased it:

       

      Edge Animate Templates - EdgeDial - A Responsive UI Dial And Image Slider | CodeCanyon

       

      It works fine in any desktop web browser and I was able to customize it, export it, and bring it into my InDesign file.  This is where the issue started.  Whenever I preview the folio in Adobe Content Viewer, the dial becomes misaligned from the content behind it -- on every swipe, the dial doesn't move in sync with the content.  I'm no coding expert, but there doesn't seem to be any reason for this in the code.  I'm including some screenshots here:

       

      http://www.nonlinear-films.com/wp-content/uploads/2014/11/screen1.png

      http://www.nonlinear-films.com/wp-content/uploads/2014/11/screen2.png

      http://www.nonlinear-films.com/wp-content/uploads/2014/11/screen3.png

      http://www.nonlinear-films.com/wp-content/uploads/2014/11/screen4.png

      http://www.nonlinear-films.com/wp-content/uploads/2014/11/screen5.png

      http://www.nonlinear-films.com/wp-content/uploads/2014/11/screen6.png

       

      I've now tried everything I can think of, including:

       

      - Moving the custom javascript libs from CDN to local

      - Bringing the widget in as a Web Content overlay using the HTML file, instead of placing it as an OAM

      - Playing around with the scaling settings in both Edge Animate and InDesign

      - Changing the perspective settings in the underlying code.

       

      From my trial and error so far, this does not appear to be related to the custom javascript libraries, because the alignment issue actually pops up when the libraries are excluded.  It appears that somehow InDesign/DPS is making a mistake in trying to scale the animation, and in doing so it's shifting the coded position for these elements.  There seem to be a few known issues with using Edge Animate projects in DPS, so I figured it was worth asking if there's a line of code I can add or an option I have to click somewhere to get this widget displaying properly.