What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Contact Form does not appear correctly?

    Asked by LionelMellsey on April 07, 2011 at 05:22 PM

    i created a contact form like this (above). But when i paste the jotform code in the FMBL page, it looks different. May i know why?

     

    from here:

    http://www.blackdoginternet.com/shop/index.php?option=com_content&view=article&id=89%3Aadding-a-pop-up-contact-form-to-your-fbml-page&catid=39%3Afbml-mini-sites&Itemid=93

    I installed this code

    <fb:dialog id="my_dialog" cancel_button=1>
    <fb:dialog-title>Contact Us</fb:dialog-title>
    <fb:dialog-content>
    <-- PASTE ALL YOUR JOTFORM CODE HERE -->
    </fb:dialog-content>
    </fb:dialog>

    into the same FBML page, but there is nothing comes out.
    Please help.

     

     

  • Profile Image

    Answered by allanftd on April 08, 2011 at 04:37 AM

    Hi LionelMellsey,

    Thank you for posting your concern here. Firstly, may we get the URL of your Facebook page so that we can perform further investigate?

    For formatting issues, I would almost always recommend using the Iframe embed code instead of the default Source Code so that the entire form code does not interact with the website's elements. You can find your form's Iframe embed code in your Embed Form Wizard:

    Please try to delete the existing form source code in your Facebook page and paste the iframe embed code instead. Let us know how it works out.

    We hope you find this information useful. Thank you for using JotForm!

    JOTFORM SUPPORT

  • Profile Image

    Answered by LionelMellsey on April 08, 2011 at 06:20 AM

    i paste Iframe embed code in blogspot, it does work!

    Just could not figure out why it does not work in Facebook?

  • Profile Image

    Answered by LionelMellsey on April 08, 2011 at 06:24 AM

    by the way, some of the validation fields do not work in facebook too.

  • Profile Image
    JotForm Support

    Answered by liyam on April 08, 2011 at 04:32 PM

    Hello,

    I would like to verify if you used the facebook embed code under Other Platforms (the one with f icon) for your FBML page?

    Thanks. 

  • Profile Image

    Answered by LionelMellsey on April 09, 2011 at 02:23 AM

    @liyam

    ya.i used the code under Other Platforms for Facebook.

    After i installed the code to FBML page, validation for NAme does not work.

    There is no problem in blogspot when i using iframe, including the themes for the contact form.

  • Profile Image
    JotForm Support

    Answered by liyam on April 09, 2011 at 03:07 PM

    Interesting ... can you share the link of your facebook page? I would like to check it out.

    Thanks.

  • Profile Image

    Answered by LionelMellsey on April 09, 2011 at 03:59 PM

    liyam,

    i posted a question here, no one answers me..

    http://www.jotform.com/answers/20939-Feedback-Form-does-not-appear-after-jQuery-Plugin-Scroll-to-Top-installed-in-blogspot#0

    this's my fans page, please check for me

    https://www.facebook.com/pages/101ugift-Personalized-Gifts-For-All-Ages/133913866678621#!/pages/101ugift-Personalized-Gifts-For-All-Ages/133913866678621?sk=app_6009294086

    thanks!

    Another problem here.

    I figured out one thing... the validation warming message shows multiple times of "click to edit" and the message box shows "<DIV class=edit-hover>Click To Edit</DIV>"

    as attached,

     

  • Profile Image
    JotForm Support

    Answered by NeilVicente on April 09, 2011 at 04:52 PM

    @LionelMellsey

    The "Click To Edit" issue is a known bug. I have already submitted a report ticket for that bug in a separate thread yesterday. Our developers are working on it.

    Regarding your FBML problems:

    I think it is best to ditch FBML and use iframe applications instead. FBML uses a different proprietary scripting language derived from JavaScript, thus rendering the built-in JavaScript functions in your forms (validation, page breaks, among others) useless.

    Follow this step by step tutorial on how to create an iframe application in Facebook and adding them to your Facebook Fan Page.

    Add Form to Facebook using an iframe application

    Take a look at this Facebook page where I successfully embedded your form by following the tutorial above.

    FB Sample Page

    Hope you find this helpful. Let us know if you need any clarifications regarding the guide.


    Neil

  • Profile Image

    Answered by LionelMellsey on April 10, 2011 at 07:42 AM

    Thanks a lot! NeilVicente.

    This info is Great! Works for my fans page. Now i can add more apps.

    Please let me know if you have solved the "click to edit" issue.

    Thanks again!

  • Profile Image
    JotForm Support

    Answered by NeilVicente on April 10, 2011 at 11:43 AM

    You're very much welcome. Glad that I was able to help you with your fan page forms.

    Anyway, regarding the "click to edit" issue, it appears that the bug report thread is now missing (probably deleted by the original poster) therefore our developers wasn't able to see it.

    Would you mind posting that issue of yours in a separate thread so I can submit a new ticket? I would appreciate it if you do, that bug needs fixing right away.


    Regards,
    Neil