Submit button: positioning & submission problems

  • Profile Image
    AHS83
    Asked on January 11, 2018 at 11:24 AM

    i have a submit button at the bottom of my grant application that does not seem to work correctly.

    I have chose to have a "Print form" button... and have decided against the "reset" button since all three buttons cluster together.

    I have chosen right align since that is the only setting that is allowing the buttons to be seen separately without clustering together.

    with the two buttons available (submit and print), if one attempts to select "submit", it wont submit and the button keeps jumping very quickly to the right...

    any advice?


  • Profile Image
    aubreybourke
    Answered on January 11, 2018 at 12:41 PM

    1) First you need to remove this CSS from your existing code:

    .form-buttons-wrapper {

        position : relative;

    }

    .form-submit-button {

        position : absolute;

        top : 21px;

        left : 75px;

        height : auto !important;

        box-shadow : none;

    }

    That will fix your button issue:


    1515692306The Easiest Online Form Builde


    2) You have embedded your form on this page: 

    https://www.deltabluesfestival.net/dbf-grant-form.html 

    If it refuses to submit you should try embedding the form again using the iframe method:

    Getting-the-Form-iFrame-Code

     

  • Profile Image
    AHS83
    Answered on January 11, 2018 at 01:43 PM
    Thank you Aubreybourke,
    but I’m a bit of a plug-n-play animal.
    I do not see by going into the widget’s general or advanced tab, where I can adjust the CSS.
    Any thoughts or advice?
    ****************************************
    Frank P. Giovanni
    frank@deltabluesfestival.net
    (209) 601.9785
    SAVE THE DATEs!!!
    March 3rd, 2018 (Benefit Concert)
    www.DeltaBluesFestival.net
    ...
  • Profile Image
    aubreybourke
    Answered on January 11, 2018 at 02:48 PM

    That's okay. I had to learn it myself at one stage.

    Please read this guide:

    How-to-Inject-Custom-CSS-Codes

    It will show you how to access the CSS box.

  • Profile Image
    AHS83
    Answered on January 11, 2018 at 03:43 PM
    how wonderful you are. thank you.
    ****************************************
    Frank P. Giovanni
    frank@deltabluesfestival.net
    (209) 601.9785
    SAVE THE DATEs!!!
    March 3rd, 2018 (Benefit Concert)
    www.DeltaBluesFestival.net
    ...