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

    Why doesn't my scrolling text area work when I add my form to my e-commerce site?

    Asked by roguesup on January 23, 2014 at 12:46 PM

    I believe I have the code correct because it is working in JotForm editor AND the code works when I add it directly to my webpage outside the form.  Why isn't it transferring over if it works in both?

    Page URL:
    http://roguesup.com/pages/lifetime-warranty

    Screenshot
    site JotForm and
  • Profile Image

    Answered by EliezerN on January 23, 2014 at 02:24 PM

    Hi,

    I checked your form and it is working properly. The scroll function does scroll down/up:

    So, could you please double check if it is working fine now from your side? If it is not working, please try using a different browser, I tested it on Chrome and FireFox.

    Please let us know if the issue still persist from your side.

    Thanks

  • Profile Image

    Answered by roguesup on January 23, 2014 at 02:40 PM
    Sorry. I posted a version without the scroll box in the Jotform Code.
    It's working because I added the scroll box under the JotForm code in the website page code. I need to figure out how to get it to work as part of the form. Can you please look at the page again now. I just posted the form that I'm having trouble with.
    Thanks
    TOM BADUM
    ROGUE INDUSTRIES | GRAPHIC DESIGNER
    949.378.6495 MOBILE
    887.88.ROGUE HEADQUARTERS
    ...
  • Profile Image

    Answered by roguesup on January 23, 2014 at 02:50 PM
    This is the html code I'm using that works outside of JotForm and in the JotForm Editor but not when I embed into my site.

    LIFETIME WARRANTY POLICY 


    Rogue is proud to stand behind our premium insulated board bags, leashes and auto accessories that we have designed and built for you. Accordingly, Rogue offers the only Lifetime warranty in the industry to the original purchaser against any defect in workmanship or materials on seams and zippers and any broken leashes or straps. If you feel that you have a warranty claim with one of our products please speak with Rogue customer service. 


    Consumer Requirements:



    Consumer must register product at Roguesup.com within 15 days of purchase


    Must be original consumer and provide proof of purchase. Products will be issued a return authorization number [RA#] that will be provided by Rogue customer service department. The RA number must be clearly labeled on the outside of the packaging or it will be refused.

    Rogue’s warranty department will determine whether or not the defect is covered under warranty policy.


     


    Rogue Lifetime warranty does NOT cover the following


    • Damages caused normal wear and tear.
    • Improper assembly, modifications or repairs.
    • Damage due to improper care, handling, or storage.
    • Damage caused by excessive exposure to heat or direct sunlight.
    • Damage caused by anything other than defects in material and/or workmanship.



    TOM BADUM
    ROGUE INDUSTRIES | GRAPHIC DESIGNER
    949.378.6495 MOBILE
    887.88.ROGUE HEADQUARTERS
    ...
  • Profile Image

    Answered by Cesar on January 23, 2014 at 03:41 PM

    Kindly try injecting the following CSS code into your form:

    #text_36 {
    height: 150px;
    overflow-y: scroll
    }

    Like So:

    https://cms.jotform.com/uploads/image_upload/image_upload/global/23846_inject101.jpg

    Do let us know if you need further assistance.

     

    Example Form: http://form.jotformpro.com/form/40225950060949

  • Profile Image

    Answered by roguesup on January 23, 2014 at 04:00 PM
    It worked. Thank you so much!
    TOM BADUM
    ROGUE INDUSTRIES | GRAPHIC DESIGNER
    949.378.6495 MOBILE
    887.88.ROGUE HEADQUARTERS
    ...
  • Profile Image

    Answered by roguesup on January 23, 2014 at 04:40 PM
    Can you help me with this one too? It's the same issue I think.
    http://roguesup.com/pages/board-warranty
    TOM BADUM
    ROGUE INDUSTRIES | GRAPHIC DESIGNER
    949.378.6495 MOBILE
    887.88.ROGUE HEADQUARTERS
    ...
  • Profile Image
    JotForm Support

    Answered by jonathan on January 23, 2014 at 05:02 PM

    Hi,

    The ID of the field is now #text_34, so you use the same code like this

    #text_34 {

    height: 150px;

    overflow-y: scroll

    }

     

    Please try this. Inform us if it this does not work.

    Thanks.

  • Profile Image

    Answered by roguesup on January 23, 2014 at 05:20 PM
    Thats what I thought the issue was. In case I have to add or remove fields in the future
    What makes that line #34 and not #33?
    TOM BADUM
    ROGUE INDUSTRIES | GRAPHIC DESIGNER
    949.378.6495 MOBILE
    887.88.ROGUE HEADQUARTERS
    ...
  • Profile Image

    Answered by Cesar on January 23, 2014 at 06:08 PM

    This may be due to changes you have performed to this or the other form.

    Kindly make sure to check the element ID using the Inspect Element found on the right click context menu of Chrome or Firefox. Like so:

    https://cms.jotform.com/uploads/image_upload/image_upload/global/23855_inspectElement.jpg

    With the browser's Inspect Element function we are able to view the webpages source code. This allows us to view all the id's and attribute of the elements within your webpage.

    Do let us know if you need further assistance. Thank you.

  • Profile Image

    Answered by roguesup on January 23, 2014 at 06:20 PM
    Okay. So I'll work in Chrome from now on. Thanks again
    TOM BADUM
    ROGUE INDUSTRIES | GRAPHIC DESIGNER
    949.378.6495 MOBILE
    887.88.ROGUE HEADQUARTERS
    ...