Tagged: 

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 2, 2017 at 9:17 pm #754598
    mark2mrktng

    Hi,

    I’m having animation issues with buttons on a Gravity Form (forms details in private content) I have on my Enfold site. The ‘Next’ buttons only appear when certain conditions are met & are supposed be displayed as a smooth animation. The issue is that the animation is jerky & seems to pause at one point… whereas I would like to be smooth. I’m guessing this is a CSS issue? I’ve contacted Gravity Froms support & they told me it me this was a theme issue. Could you please look into this?

    Thanks!

    March 7, 2017 at 3:40 pm #757042
    mark2mrktng

    Hi,

    Just following up on this – has anyone from the support team had a chance to take a look at this?

    Thanks!

    March 7, 2017 at 10:26 pm #757301
    Nikko

    Hi,

    We apologize for the delayed response, there’s just a lot of queries in queue. Just checked on it but I couldn’t get passed on the password section, the one you posted doesn’t seem to work.

    Best regards,
    Nikko

    March 7, 2017 at 11:13 pm #757336
    mark2mrktng

    Np Nikko, the password info is posted in the private section

    March 13, 2017 at 8:15 pm #760229
    Andy

    Hi,

    I can’t see any issues at all. Can you be more clear please? please provide us screenshots showing what you’re talking about (use imgur.com, dropbox).

    Best regards,
    Andy

    March 13, 2017 at 8:28 pm #760233
    mark2mrktng

    The issue is the animation on the buttons. For example when the ‘Next’ button is triggered, the animation is jerky & appears to appear half way, pause, then bounce up slightly before being fully visible. I just want it to appear in one smooth motion. I’ve attached a link to a video showing the jerkiness. Thanks

    March 13, 2017 at 9:41 pm #760263
    Basilis

    Hey!

    The issue is not on the animation button.
    You total height is chaning so the ” footer ” goes on top of the next and itis not showing properly.
    Can you add a height to have a specific height for the column, so nothing is been hidden?

    Best regards,
    Basilis

    March 13, 2017 at 9:50 pm #760271
    mark2mrktng

    Ah, that makes sense – is there a specific height I should be using? I’ve changed the height to 700px but still seems to be occuring

    March 18, 2017 at 4:25 am #762812
    Ismael

    Hi,

    Did you open a ticket in the GF forums? I’m afraid we can’t do anything with the animation because it is done using javascript or jQUery. The initial markup of the button looks like this:

    <input type="button" id="gform_next_button_1_20" class="gform_next_button button" value="Next" tabindex="2" onclick="jQuery(&quot;#gform_target_page_number_1&quot;).val(&quot;2&quot;);  jQuery(&quot;#gform_1&quot;).trigger(&quot;submit&quot;,[true]); " onkeypress="if( event.keyCode == 13 ){ jQuery(&quot;#gform_target_page_number_1&quot;).val(&quot;2&quot;);  jQuery(&quot;#gform_1&quot;).trigger(&quot;submit&quot;,[true]); } " style="display: none;">

    .. We can’t the get actual markup while animating but this is the markup after the animation:

    <input type="button" id="gform_next_button_1_20" class="gform_next_button button" value="Next" tabindex="2" onclick="jQuery(&quot;#gform_target_page_number_1&quot;).val(&quot;2&quot;);  jQuery(&quot;#gform_1&quot;).trigger(&quot;submit&quot;,[true]); " onkeypress="if( event.keyCode == 13 ){ jQuery(&quot;#gform_target_page_number_1&quot;).val(&quot;2&quot;);  jQuery(&quot;#gform_1&quot;).trigger(&quot;submit&quot;,[true]); } " style="display: block;">

    Adding a minimum height to the footer container doesn’t not make any difference.

    .gform_wrapper .gform_page_footer {
    height: 200px;
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.