Help with HTML for overflow

  • Profile Image
    justinewp
    Asked on February 10, 2011 at 06:45 PM

    Hi,

    I want to put a list of terms and conditions in a scrollable box on my form. From reading the forums, I understand that I need to do this:

    Click on the "HTML" button, find the div that encapsulates the terms text and then add this to it:

    style="height:200px;overflow:scroll;"

    If there is no div around it, you can put one yourself.

    Just one problem, I am clueless when it comes to HTML! I don't think there is a div present when I click the HTML button. This is what it says:

    <p>hello world</p>

    (obviously substituting the my actual text for something simple)

    Can you please tell me (in simplest terms) how to put that text in a scrolling box?

    Thanks in advance,

    J


  • Profile Image
    abajan
    Answered on February 11, 2011 at 05:32 AM

    Okay, I'll see how I can help. First of all, to what HTML button are you referring? A div (division) tag looks like this: <div>The content of the div goes here.</div>

  • Profile Image
    justinewp
    Answered on February 11, 2011 at 06:37 AM

    Thanks for the reply. I am referring to button that appears when I go into editing my form and I click on the Free Text (HTML) field that I have created. The HTML button then appears in the toolbar above. When I click the button it says:

    Be careful with the code. If you place unclosed tags or broken HTML it may break your form completely.

    And all my HTML consists of is:

    <p>hello world</p>

    So to put a div around my text, should it look like this?

    <div><p>hello world</p></div>style="height:200px;overflow:scroll"

    Thanks,

    J

  • Profile Image
    abajan
    Answered on February 11, 2011 at 09:38 AM

    By just looking at your code above, it seems to me that that style attribute needs to be placed inside of either the opening div (likely) or opening p (unlikely) tag but to be sure, let me run a check or two and get back to you.

    Okay, I ran a test. Here's how to correctly use the code: