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

  • Profile Image
    CVTSC
    Asked 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!

  • Profile Image
    jcm0731
    Answered 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
    jcm0731
    Answered 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
    CVTSC
    Answered 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
    jonathan
    Answered 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.