How to add animation between pages ?


How do I add some animation effect when the user goes to next page? In our case we are using iPad (desktop/non-optimized – kiosk mode) and at times there can be confusion on when the user is already on next page. Some kind of transition will be helpful.


Thanks in advance


Paul Suszynski answered

     Why don’t you simply put a header on the next page that says something like “page2” or “Name of Survey Continued”. 


    The other option is to put a page in between and use Javascript to go to the next page after a second or two. Here is the script:

    <span style=”font-size: medium;”>One moment…</span>
    <script type=”text/javascript”>// <![CDATA[
    setTimeout(function (){document.getElementById(‘sg_SubmitButton’).click();},1000);
    // ]]></script>
    <br /><br />

    I usually put a text field that says “One Moment…….


    and then it will flip to the next page ina second or two. You can adjust the delay by change the “1000” number in the script higher or lower.


    Paul Suszynski answered


      Question stats

      • Active
      • Views4837 times
      • Answers1 answer
      • Followers1 follower