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 I insert custom code into my form?

    Asked by eyeshoptique on March 15, 2012 at 02:10 PM

    Hi,

    I really like the Embed option 'lightbox'. However, I need to insert some custom code into my form, which I've already done in Dreamweaver. Now what I would like to do is copy the form code BACK into JOTFORM, so I can then call it through lightbox embed.

     

    Thanks in advance,

     

    Kriszti

  • Profile Image

    Answered by pinoytech on March 15, 2012 at 02:14 PM

    Yes, you can insert custom code into your form by injecting the code:

    If need further assistance, feel free to contact us anytime.

    Thank you!

  • Profile Image

    Answered by eyeshoptique on March 15, 2012 at 02:30 PM

    Thank you, but I need to insert some onClick calls into the radio button tags. I added some code where a div shows up if one of my radio optiosn is checked. Is there a way for me to repaste my edited form back into Jotform?

  • Profile Image

    Answered by pinoytech on March 15, 2012 at 02:36 PM

    Do you mind if I will ask for your form url for further assistance?

    Thank you!

  • Profile Image

    Answered by eyeshoptique on March 15, 2012 at 02:42 PM

    It's going into a Shopify site, I haven't uploaded it yet but basically, I've added the following JS and I call if from onclick on my radio buttons.

     

      <script>  var rx_upload = document.getElementById('upload');
      rx_upload.style.visibility = 'hidden';              

               

      function showRx(switchElement) {
            if (switchElement.value == 'Upload')
                    rx_upload.style.visibility = 'visible';
            else
                    rx_upload.style.visibility = 'hidden';               
      }
    </script>

     

  • Profile Image

    Answered by pinoytech on March 15, 2012 at 02:50 PM

    Is this the form: http://www.jotform.us/form/20737374093153 were you put that code? If yes, I clone your form to this http://www.jotform.me/form/20746291874461? and I inserted condition to it that if they choose "Upload Prescription" then "Choose File" button will appear.

    Thank you!

  • Profile Image

    Answered by eyeshoptique on March 15, 2012 at 03:10 PM

    You are very, very nice, however I'm still wondering how I can edit it? I would also like the Fax and Call Doctor to display hidden divs, except I don't want empty white space when the element is not visible so I'm still trying to figure that out. I would like a nice accordian style effect.

    Anyway, there is no way for me to edit the html directly, huh? Maybe I need to implement my own lightbox solution instead.

    Thanks,

     

    Kriszti

     

     

  • Profile Image

    Answered by pinoytech on March 15, 2012 at 03:26 PM

    Kindly check your form now, I added the condition to your form the one that i use on the clone form. This how I added the condition:

    Continue:

    Hope you find this helpful and informative.

  • Profile Image

    Answered by eyeshoptique on March 15, 2012 at 03:41 PM

    OK, thank you. I will check this out later today. You were VERY helpful!

    -Kriszti

  • Profile Image

    Answered by pinoytech on March 15, 2012 at 03:47 PM

    Good to hear that.

    Feel free to contact us anytime if need further assistance.

    Thank you!