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

  • 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

  • Sammy
    Replied 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.

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

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

    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.

     

  • OlivierHouet
    Replied on May 14, 2015 at 1:20 PM

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

  • Sammy
    Replied on May 14, 2015 at 2:00 PM

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