How to add css/js transitions effects via the Form Designer

  • Profile Image
    riffteam
    Asked on October 15, 2014 at 06:31 PM

    Beautiful. Fantastic work. Thanks for leading the way and rocking the form design world.

     

    Now, for my one and only request: css/js transistions. A simple cross-fade between pages on a multipage form would be great. Maybe a simple fade effect for individual elements (onEnter, onFocus).

     

    Or at least point me to where we can add a css fx lib to our account and expose it in the editor?

     

    :-)



    This is a re-post of a comment on Introducing JotForm’s New Form Designer!

  • Profile Image
    Mike_T
    Answered on October 15, 2014 at 07:17 PM

    Thank you very much for your warm feedback :)

    Please try to add the next CSS to your form in order to get the fade-in transaction effect on the multipage form:

    http://code.re/6Au

    (we apply the animation on a .form-section class)

    The CSS code is from this stackoverflow thread.

    See it in action:

    http://form.jotformpro.com/form/42876779780981

    I will also escalate a feature request ticket to our Development Team for consideration.

  • Profile Image
    riffteam
    Answered on October 20, 2014 at 01:59 AM

    Ok. I'll try it out. Thanks.