PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Previous / Next button moving slightly on click

  1. phirefly
    Member

    Not sure if I'm missing something obvious, but there is a slight movement onclick of my previous/next button.

    http://www.switchandsaveni.com/business-energy-price-comparison

    is this normal or can anyone advise on how to stop it?

    thanks

    Posted 12 years ago on Tuesday October 18, 2011 | Permalink
  2. Part of it is normal. The default style for a button element is to move slightly on the click event to emulate physically depressing a button.. to give the user some kind of feedback. That's minor and intended behavior in the browser.

    What you're probably seeing is the effect of the ajax spinner graphic loading and pushing the button element down a bit. You can do something like this to absolutely position the spinner graphic so it doesn't negatively impact the button placement.

    [css]
    /* make the page footer relative for positoning */
    
    body .gform_wrapper .gform_page_footer {
        position: relative;
    }
    
    /* position the ajax spinner graphic absolutely inside the page footer */
    
    body .gform_wrapper .gform_page_footer .gform_ajax_spinner {
        position: absolute;
        top: 25px;
        left: 100px;
        border: none !important;
    }

    my test: http://screencast.com/t/VbMHZYGpODE

    Posted 12 years ago on Tuesday October 18, 2011 | Permalink
  3. phirefly
    Member

    thanks Kevin - will give it a go

    I like the "click" myself...but its not my call :)

    Posted 12 years ago on Thursday October 20, 2011 | Permalink