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

    I am trying to embed form source into my html page but have lost the style on the text and number fields

    Asked by CVTSC on March 17, 2012 at 11:49 PM

    I am trying to disable two checkboxes so I have also tried inserting the source into my page and adding disabled=disabled and checked=checked lines to each input declare. This seems to be exactly what I need to do except that the styles on other text and number fields is lost. Am I missing a css include?

    Here is a link to the latest .html file with the source code embedded, it is marked with comments and . The form # is 20614915182147

    http://www.cveea.org/camping3.html

    Thanks again I really appreciate your time and effort!

    ---------------------------------------------------------------------------------------------------------------------------

    Thank you for taking the time to look at this for me. I have followed your instructions to download the source but now I am missing the little up and down arrows on the number spinner and also the grey box style around each item.

    Here is a link, all I have done is to take the html, css and js that came in the .tar file and run on my server:

    http://www.cveea.org/Ranch_Roundup_Camping_Application.html

    ---------------------------------------------------------------------------------------------------------------------------

    Again, thank you for sticking with me on this. I have tried the <iframe> route, here is a link to the page:

    http://www.cveea.org/camping4.html

    The styles are fine of course, and I can pre-select the two checkboxes at the bottom, but a user can un-select a box, which I don't want. Is there a way to specify checked=checked and disabled=disabled from the iframe url command line?I think this is why I was sent down the source code route, but had trouble with styles as noted above.

    Also note that when I pre-select the checkboxes the subtotal $$ amount for PayPal is not updated.

    Thank-you!

    Page URL:
    http://www.cveea.org/camping3.html

    Screenshot
  • Profile Image

    Answered by jcm0731 on March 18, 2012 at 12:05 AM

    Hi,

    I am sorry I misunderstood your inquiry earlier.
    Now, to get the full source code for your HTML, please check this guide on how to download it.

    http://www.jotform.com/help/104-How-to-download-a-source-code-of-your-form

    Hope this help. Should you need more assistance please contact us. 

  • Profile Image

    Answered by jcm0731 on March 18, 2012 at 01:52 AM

    Will it be possible for you if you use the iframe method instead? Like this http://www.jotform.com/help/148-How-to-get-your-Form-s-Iframe-Code 

    Once you got the source code, modify it according to your requirement then paste it to your HTML page.

  • Profile Image

    Answered by CVTSC on March 21, 2012 at 06:35 PM

    Again, thank you for sticking with me on this. I have tried the <iframe> route, here is a link to the page:

    http://www.cveea.org/camping4.html

    The styles are fine of course, and I can pre-select the two checkboxes at the bottom, but a user can un-select a box, which I don't want. Is there a way to specify checked=checked and disabled=disabled from the iframe url command line?I think this is why I was sent down the source code route, but had trouble with styles as noted above.

    Also note that when I pre-select the checkboxes the subtotal $$ amount for PayPal is not updated.

    Thank-you!

  • Profile Image
    JotForm Support

    Answered by jonathan on March 21, 2012 at 08:30 PM

    Hello CVTSC,

    Good that you have sorted the styles to work. But, you are correct, the pre-selected checkboxes will not trigger the subtotal compute function. Technically, what you just did was change the presentations of the field, but this is not the same as calling/triggering a function. For the computation part to work, you will need some javascript function inserted on the source code. 
    Unfortunatelly, I am not much of a javascript coder. I will have to do some research on how we can pull this off.

    Your design is great and does look promising using the Payment tool with checkboxes pre-selected already. But since it still lack the final touch you need, would you like to check another method to present the "fixed" $$ amount? I am looking at the Grading tool.. it too have a Total functionality, what if you used it and in the 2 textboxes, the user will just have to put the quantity (but they cannot change the $$ amount because its just a label).

    Will check this out. I will post back to you once I have an update.

    Thanks.