How to add unordered list inside the options of the multiselect field.

  • Eybs
    Asked on May 2, 2024 at 11:49 AM

    see attachment I am trying to add a bullet list under an option. how can I do that.

    SURVEY QUESTION #1

    OLD BURNT STORE RD (OBSR) ENHANCEMENTS TO ROADWAY

    (Please check one box)

     

    □ Option A – No changes to OBSR Roadway

    ·        Maintain traffic connectivity – North to South (backway to Publix)

    ·        Traffic to increase with build out of undeveloped lots and 7 Islands destination

    ·        No short-term funding required to support status quo

    ·        Future funding required for aging bridge repair

    □ Option B – Add “Roundabouts” on OBSR intersecting “Parkways” in North 3 UEP Zone-

                              Tropicana, Yucatan, Gulfstream, Kismet

    ·        Reduce speed of vehicle traffic to protect motorists, bikers and pedestrians

    ·        Maintain traffic connectivity- North to South

    ·        Reduce speed and enhance safety at all Parkway and OBSR Intersections

    ·        Opportunities for integration of landscapes and hardscapes

    ·        Traffic calming

    ·        Funding required by local, county and state government – Lee County Study

    ·        Future funding required for aging bridge repair

    □ Option C – Remove Bridges on OBSR in North 3 UEP Zone

                               Alligator Slough, Horseshoe, Hermosa, Bonefish, Rosemary Lake

    ·        Eliminates Thru-Traffic and creates “Enclave Neighborhoods”

    ·        Tall (possible sail boats) and large boat access to the North Spreader Canal

    ·        Roundabouts may not be necessary due to new cul-de-sac creation on OBSR

    ·        Increase property values and tax base

    ·        Funding required by local, county, state and federal government

    □ Option D- Rebuild and Raise Bridges to 15’ height on OBSR in North 3 UEP Zone

                              New Pedestrian, Bike and Golf Cart access only

                              Alligator Slough, Horseshoe, Hermosa, Bonefish, Rosemary Lake


    ·        Eliminates Thru-Traffic of vehicles and maintains the  “Enclave Neighborhoods”

    ·        Provides new Large Boat bridge clearance with access to North Spreader Canal

    ·        Increased property values and tax base

    ·        Funding required by local, county, state and federal government


    Jotform Thread 14487551 Screenshot
  • Bilal JotForm Support
    Replied on May 2, 2024 at 12:23 PM

    Hi Cathy, 

    Thanks for reaching out to Jotform Support. Sure you can add HTML elements in the options of the Multiple choice questions. You need to copy these options inside the HTML tags and paste it to your field.

    Option A – <b>No changes to OBSR </b> Roadway <ul> <li>  Maintain traffic connectivity – North to South (backway to Publix) <li> Traffic to increase with build out of undeveloped lots and 7 Islands destination <li>No short-term funding required to support status quo <li>Future funding required for aging bridge repair
    Option B – <b> Add “Roundabouts” </b>on OBSR intersecting “Parkways” in North 3 UEP Zone- <br><i>Tropicana, Yucatan, Gulfstream, Kismet</i> <ul> <li>Reduce speed of vehicle traffic to protect motorists, bikers and pedestrians </li><li>Maintain traffic connectivity- North to South </li><li>Reduce speed and enhance safety at all Parkway and OBSR Intersections</li><li> Opportunities for integration of landscapes and hardscapes</li><li>Traffic calming</li><li>Funding required by local, county and state government – Lee County Study</li><li>Future funding required for aging bridge repair</li></ul>
    Option C – <b>Remove Bridges </b> on OBSR in North 3 UEP Zone <br> <i>Alligator Slough, Horseshoe, Hermosa, Bonefish, Rosemary Lake </i><ul> <li>Eliminates Thru-Traffic and creates “Enclave Neighborhoods” </li><li>Tall (possible sail boats) and large boat access to the North Spreader Canal </li><li>Roundabouts may not be necessary due to new cul-de-sac creation on OBSR </li><li> Increase property values and tax base </li><li>Funding required by local, county, state and federal government</li></ul>
    Option D- <b>Rebuild and Raise Bridges </b> to 15’ height on OBSR in North 3 UEP Zone <br><i> New Pedestrian, Bike and Golf Cart access only <br> <i>Alligator Slough, Horseshoe, Hermosa, Bonefish, Rosemary Lake <ul> <li>Eliminates Thru-Traffic and creates “Enclave Neighborhoods” <li>Provides new Large Boat bridge clearance with access to North Spreader Canal <li> Increased property values and tax base <li> Funding required by local, county, state and federal government <li>


    Paste these options here:

    How to add unordered list inside the options of the multiselect field Screenshot 30

    Result:

    How to add unordered list inside the options of the multiselect field Screenshot 41

    Give it a try and let us know if you need any other help.

  • Eybs
    Replied on May 2, 2024 at 1:14 PM

    Thanks, but what conversion tool are you using to comvert the word document to html. I tried doing it with word, but it brings back tons of code.


    Thanks again the file you sent me worked great.


    Cathy

  • Joshua_T JotForm Support
    Replied on May 2, 2024 at 1:31 PM

    Hi Cathy, 

    Thanks for getting back to us. The reason why it did not work on Word is that the code is not read as intended. Instead, it was read as normal text, which is why you are seeing codes between the sentences.

    When I checked your form, I saw that the ordered list is now correctly set up. Can you confirm if you need any other help?

    Once we hear back from you, we can move forward with a solution.

  • Eybs
    Replied on May 2, 2024 at 1:33 PM

    thanks for your fast reply, what are you using to convert the text to html??

    Cathy

  • Joshua_T JotForm Support
    Replied on May 2, 2024 at 1:40 PM

    Hi Cathy, 

    Thanks for getting back to us. The options section in the Multiple-choice element is capable of automatically reading any HTML code it gets.

    How to add unordered list inside the options of the multiselect field Screenshot 20

    Let us know if you have any other questions.

  • Eybs
    Replied on May 2, 2024 at 2:48 PM

    Tried about 10 tries and have not been able to get a clean convert using word. Can you take a look at it again.

    Cathy

  • Eybs
    Replied on May 2, 2024 at 2:54 PM

    Here is what I am trying to get into the survey:

    Option A-   No Change - Keep Center Median with curbing, irrigation, landscaping                    

    ·        Maintains the median beautification continuity established throughout Cape Coral

    ·        Pedestrian walking lanes and bike lanes remains with directional traffic

    ·        Funding required can be achieved locally, city

    □ Option B-  Expand Center Medians -place pedestrian walkways,

                                and bike lanes in the center median with trees and landscape

     ·        Possible “Park” Grants and Funding Awards

    ·        Remove Pedestrian walkways and bike lanes from direction traffic- place in expanded

    center median

    ·        Places a landscaped divider between vehicle traffic and pedestrians, bikers for safety

    ·        Provides shade on walks and a destination to escape seasonal heat

    ·        Funding required can be achieved locally, city


  • Joshua_T JotForm Support
    Replied on May 2, 2024 at 3:22 PM

    Hi Cathy, 

    Thanks for getting back to us. You can use this code instead:

    Option B – <b> Expand Center Medians - </b>  place pedestrian walkways, and bike lanes in the center median with trees and landscape.<ul> <li>  Possible “Park” Grants and Funding Awards <li>  Remove Pedestrian walkways and bike lanes from direction traffic- place in expanded center median <li> Places a landscaped divider between vehicle traffic and pedestrians, bikers for safety <li> Provides shade on walks and a destination to escape seasonal heat <li> Funding required can be achieved locally, city


    Check out this screenshot for the result:

    How to add unordered list inside the options of the multiselect field Screenshot 20

    Give it a try and let us know how it goes.

  • Eybs
    Replied on May 2, 2024 at 4:08 PM

    Hi, don't think all the code came down. If you look at Test 5 you can see that it does not put the bullet list on the form and also has mor than the two options. What text converter to html are you using? I have been tring to get this survey completed since 11:15 am. I have tried the following:

    word to HTML

    Constant contact text conversion to html

    Convertio on the web from text to html

    Vetopal to html

    wordtohtml.net also. I have labeled the different tests so you can see what the results.


    Appreciate your help, need to get this survey completed tomorrow and I have Two more questions to get done.


    Cathy

  • Joshua_T JotForm Support
    Replied on May 2, 2024 at 4:20 PM

    Hi Cathy, 

    Thanks for getting back to us. We are not using any converter, we simply add the tags between the lines where it is needed. Let me show you how I created Survey Question 2:

    1. In Form Builder, add a Multiple-choice element from the Form Element Menu in the left corner of the page.
    2. Then, click on the Gear icon, and go to the Options tab from the left panel menu.
    3. Next, replace the option with this code:
    Option A – <b> No Change - Keep Center Median </b> with curbing, irrigation, landscaping <ul> <li> Maintains the median beautification continuity established throughout Cape Coral <li> Pedestrian walking lanes and bike lanes remains with directional traffic <li>Funding required can be achieved locally, city
    Option B – <b> Expand Center Medians - </b> place pedestrian walkways, and bike lanes in the center median with trees and landscape.<ul> <li> Possible “Park” Grants and Funding Awards <li> Remove Pedestrian walkways and bike lanes from direction traffic- place in expanded center median <li> Places a landscaped divider between vehicle traffic and pedestrians, bikers for safety <li> Provides shade on walks and a destination to escape seasonal heat <li> Funding required can be achieved locally, city

    How to add unordered list inside the options of the multiselect field Screenshot 20

    You can follow the format in the code I provided. Just replace the text between the HTML tags. There is no need to use any HTML code converter.

    Give it a try and let us know if you have any other questions.

 
Your Answer