Can we add bullets and numbering to the text field?

  • Profile Image
    asset_training
    Asked on October 23, 2014 at 03:21 AM

    When we create a form we put some info about the form and usually our Privacy Statement on the first pages. The formatting of this text would look a lot better if the text editor had the option of adding bullet points and/or numbering.

    Is this feature available or is it something that you would consider developing?

  • Profile Image
    Jan
    Answered on October 23, 2014 at 10:42 AM

    Hi asset_training,

    You can add bullets or numbering in the text field by using HTML codes. Unfortunately, just like what you noticed, it is not part of the form editor. Here's how you can achieved that.

    Make sure that the text field is selected. Then go to "T - HTML" button above the properties.

    Then you can edit the html codes here. If you want "Bullets" you need to use <ul> tag that stands for unordered lists.

    <ul>

    <li>Item 1</li>

    <li>Item 2</li>

    <li>Item 3</li>

    </ul>

     --> 

    If you want numbers then you need to use <ol> tag that stands for Ordered lists

    <ol>

    <li>Item 1</li>

    <li>Item 2</li>

    <li>Item 3</li>

    </ol>

     --> 

    ***Note: The bullets and numbering will only appear once you preview it on you open the actual form . So it won't show properly in the editor.

    Hope this helps. If you need help please let us know.

     

     

  • Profile Image
    curryandtandoor
    Answered on February 06, 2015 at 03:30 AM

    How do you add a line break in between each list item? I tried inserting <br/>, but it doesn't work.

  • Profile Image
    Charlie
    Answered on February 06, 2015 at 10:02 AM

    Hi,

    Aside from using the "T" icon for HTML. You can actually design the whole "Text" field using HTML by clicking the edit button. You can follow the screenshots below as a guide.

    1. Add the "Text" field, click the "Edit HTML" button.

    2. Click the "HTML" icon to add HTML codes.

     

    3. Here I add 2 list with line breaks on them. Make sure to click the "Update" button.

    4. Click the "Complete" to save the changes here.

    5. You'll see the line breaks and the 2 list I added.

     

    Let us know if you need more assistance on this.

    Thank you.