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

    Can you insert the form 'embed' code into a Joomla module?

    Asked by forwardhorizons on March 20, 2012 at 10:54 PM

    I wish to use the code inside a module that presents information via menu TABS. (my Form would appear when a user selects the relevant TAB menu choice)

    If i paste my Jotform code inside an article which is part of a module my form does not show.

    Please note: Using the 'usual' method and pasting code in a root level Joomla 2.5 article works fine.

    Apologies.....site is being developed via localhost. (live site not available for reference)

    Screenshot
  • Profile Image
    JotForm Support

    Answered by mliz on March 20, 2012 at 11:24 PM

    May we know what is the joomla module you were using for the tabs? I'll make some tests and see if there is a way around this.

    We'll await for your response.

    Thanks!

  • Profile Image

    Answered by forwardhorizons on March 20, 2012 at 11:40 PM

    Sure... The module is called SP Tab by joomshaper
    http://www.joomshaper.com/joomla/free-extensions/sp-tab

  • Profile Image
    JotForm Support

    Answered by mliz on March 20, 2012 at 11:46 PM

    Thanks for the quick response, I'll give this a try and get back to you once I have figure out the workaround on this.

    Cheers!

  • Profile Image

    Answered by forwardhorizons on March 21, 2012 at 12:02 AM

    Great!........good luck! and thanks!

  • Profile Image
    JotForm Support

    Answered by mliz on March 21, 2012 at 01:09 PM

    As promised I did some tests using SP tab, what I found out is that this links to the modules  however there is no option to directly link it to an article which could have been easier to display the form. The good news though is with the use of the Custom HTML module you can display the form. What you will need to do is first create a new module of type Custom HTML, this module will display the form then link this module to the SP tab. You can use the iFrame embed code of the form when adding it to the module.

    Here's how you can create a new Custom HTML module.

    1. Login to Joomla as Administrator
    2. Click on Extensions > then Module Manager
    3. In the Module Manager toolbar click on the 'New' icon.
    4. A list of the available modules are displayed, select Custom HTML
    5. The next window will show you the Custom HTML module settings,make sure to fill out the details in this case I named the module Contact Us.



    At the bottom of the page you will see Custom Output settings click on the HTML icon, this would pop up an HTML editor where you can enter the iFrame embed code of the form.



    6. Click on 'Apply' then 'Save' you will be directed back to the Module Manager page.

    The next step is to link the new module to SP tab, to do this:

    1. From the Module Manager look for the SP Tab module in the list then click on it
    2. To the right side you will see Module Parameters select the newly created custom html module.



    3. Click on 'Apply' and 'Save'

    You can find a working example of this here.

    *Note: Please make sure that in your editor code clean up is set to never or no.

    Let us know if you have further questions.

  • Profile Image

    Answered by forwardhorizons on March 21, 2012 at 05:48 PM

    Thankyou!......yes I've tied this exact method  HOWEVER???

    My Form has 12 sections/pages...the following problem occurs

    Using the iFrame code works (sort of?) BUT .....

    Basically it shows each section of the form as it should... but leaves the remaining 'backround of the of the form - as if it were trying to show all 12 pages in one long form)

    The result is that you have the form presenting fine with a long trail (in my case 11 pages) of form with no form detail?

    Is some additional code required to end the from at each page break?

  • Profile Image

    Answered by forwardhorizons on March 21, 2012 at 06:07 PM

    Perhaps if i put it another way...the iFrame method does not appear to recognise the 'page breaks' in my Form (sort of?)

    It shows the first section of the form up to the 'next' button. (which is fine). It continues to display the remaining 11 pages of the form (but no detail). The length of the form is the same as if i were viewing one long form in the development area of JotForm.

  • Profile Image

    Answered by forwardhorizons on March 21, 2012 at 06:37 PM

    OK...found the issue in the code of the iFrame text. It has a width of 100% and a height of a whopping 9566px (length of 12 page form i guess?)

    Using the iFrame code...Is there a way to make the form page 'flow' dependent on the size (amount) of form date being displayed? (ie. the way it normally works with the embed code)

  • Profile Image
    JotForm Support

    Answered by idarktech on March 21, 2012 at 11:09 PM

    Hi there,

    OK...found the issue in the code of the iFrame text. It has a width of 100% and a height of a whopping 9566px (length of 12 page form i guess?)

    -Correct, it's the total lenght of your form.

    Using the iFrame code...Is there a way to make the form page 'flow' dependent on the size (amount) of form date being displayed? (ie. the way it normally works with the embed code)

    As far as I know iFrame code has its fixed height, so form elements depends on this height. Unlike script embed code, height will auto-adjust by itself depending on how long is your form fields are. I'm sorry though if I couldn't think of any code which autoresize and iFrame height depending on form contents (it's quite impossible to me). Is there any chance of using default script embed code to your website? If this gives code conflict to your page, then using iFrame is the best solution for now. Also, by setting scrolling to YES on your iFrame code gives you an option to scroll down to the last part of your form elements.

    Apologies for not responding you on time. Thanks for your patience and understanding. Have a great day!

  • Profile Image

    Answered by forwardhorizons on March 21, 2012 at 11:46 PM

    No problems!!!...The team have been most helpful anyway. I was able to confirm some of the methods i was using were suitable so...All good!

    Many thanks!

  • Profile Image
    JotForm Support

    Answered by mliz on March 21, 2012 at 11:47 PM

    Glad to know that you were able to sort out the issue, if you have further questions feel free to contact us. Thanks for using JotForm!

  • Profile Image

    Answered by guest_23632085143044 on December 29, 2012 at 04:38 AM

    i am very happy

  • Profile Image

    Answered by Mella  on January 17, 2016 at 11:29 AM

    When I enter these codes [accordion]

    [accordion_item title='ITEM_TITLE']ADD_CONTENT_HERE[/accordion_item]
    [accordion_item title='ITEM_TITLE']ADD_CONTENT_HERE[/accordion_item]
    [accordion_item title='ITEM_TITLE']ADD_CONTENT_HERE[/accordion_item]

    [/accordion] in custom HTML of any Module I'm working on and save, I get the same texts as above in my preview page instead of custom output. I'm using Joomla 3.4.8 which I think it's the latest one.

    Can someone help to solve the issue please?

  • Profile Image
    JotForm Support

    Answered by jonathan on January 17, 2016 at 06:42 PM

    @mella.lucas@gmail.com

    We will resolve your issue on a separate thread here http://www.jotform.com/answers/747072

    Thanks.