In a facebook iframe the message for "required field" is cut off by the iframe

  • Profile Image
    tchambers
    Asked on June 08, 2011 at 09:27 PM

    If yous see here:

    https://www.facebook.com/BringHarrisTeeterToOldTownNorth?sk=app_176217385757369

    Using the techniques listed here for using jotform on Facebook, all works with the exception that if you try to submit the form without filling out requied fields the error message that tells you to fill all fields out does not wrap and is cut off by the iframe.

    I've tried adjusting the width of the form to fit inside the FB wideth for iframe, but it is either not working or i am not doing it correclty yet.

  • Profile Image
    NeilVicente
    Answered on June 09, 2011 at 07:14 AM

    Hi,

    The maximum width allowed for Facebook pages is 520px. Your form is set to 690px, that is why it gets cut off on the side.

    I went ahead and changed your form's width to 520px. I also went out of my way and added this cusom css code onto your form to make it centered and more neat looking.

    .form-button-error {
    color: red;
    display: block;
    margin-left: -104px;
    margin-top: 20px;
    width: 520px;
    }

    Please do check your page out if the change looks good to you. Let me know if there's anything else you need assistance with. Thank you.


    Neil