My submit / enviar button positions itself outside the form and has a poor response rate

  • Profile Image
    OlivierHouet
    Asked on May 14, 2015 at 10:49 AM

    the issue presents itself in the builder itself where the button does not even show

  • Profile Image
    Sammy
    Answered on May 14, 2015 at 12:34 PM

    I have pinpointed the issue to the CSS style applied to your button,

    .form-submit-button {
        position : absolute;
        top : 45px;
        left : 120px;
        box-shadow : none;
    }

    The problem areas are the absolute position, left and top, the absolute position forces the button to occupy this area regardless of elements below or above it. The applied styles are viewable in the designer and since the button is way below the form container it gets cut off.

    I would recommend using margins to position your elements as this will also not break the responsive nature of the form. Try the following CSS in designer mode of the tab.

    1. Select the CSS Tab

    2. Click the button to bring up the CSS class assigned to it

    3. Change the code to match the one below.

    .form-submit-button {
        box-shadow : none;
        margin-left:400px;
    }

    4. Save the changes

    Change the margin distance as you see fit.

     

  • Profile Image
    OlivierHouet
    Answered on May 14, 2015 at 01:20 PM

    Excellent!! Great service !!  Thank you Sammy :))))

  • Profile Image
    Sammy
    Answered on May 14, 2015 at 02:00 PM

    You are most welcome, Im glad you managed to resolve the submit button issue.