Text Editor: Unable to apply numbered list styling

  • Rawrepublic
    Asked on September 21, 2017 at 1:58 PM

    I'm building a form for an employment contract. While using the text field to add context, the formatting is disrupted and I don't know why. I have multiple screen shots to show you what is happening. However to briefly describe the issue: I have a numbered list with sub lists using lower case letters. In editing mode it looks proper. After clicking the check box it changes the letters into numbers. Then in preview mode it shows them as bullets instead of numbers. I cannot solve this issue. In this image i'm attaching is how I would like them to be presented (the screen shot is in edit mode). Please help!

    Jotform Thread 1254018 Screenshot
  • Nik_C
    Replied on September 21, 2017 at 3:22 PM

    I checked the form but I don't see the same text as in your image. But I understand what you're trying to achieve, I also assume that you're copying the text from some external document?

    Anyhow, I'm afraid that the Text field doesn't support ordered list with letters.

    If the numbers can not work instead of the letters we could forward this to our backend team as a feature request.

    We'll wait for your response.

    Thank you!

  • Rawrepublic
    Replied on September 21, 2017 at 3:27 PM

    Yes this text is from a word document.

    I have been editing and adjusting the form since I posted the question - so I apologize that it isn't the same. However still having trouble. I see that the text field doesn't support ordered list with letters, I would like to submit that as a feature request - how long could this take?

    Additionally, I know that I could achieve the effect I want by using CSS. Is there a way someone could help me with this? I have saved the word doc as html and have tried to copy and paste the source code, but it does not work properly either. I don't know what else to do/what I'm doing wrong... This is frustrating the h*ll out of me

  • Mike
    Replied on September 21, 2017 at 6:49 PM

    I am afraid that we cannot guarantee that the word formatted text could be compatible with the text editor at JotForm.

    The general approach that we recommend is to paste the text without formatting, and then style it using the editor at JotForm.

    Text Editor: Unable to apply numbered list styling Image 1 Screenshot 30

    I have submitted a ticket regarding the numbered list styling issue. There is no ETA for when it will be fixed, but we will let you know if we have any updates.

    The next CSS should change all the ordered lists to the lowercase letters format on published form.

    ol {
    list-style-type: lower-latin !important;
    }

    Text Editor: Unable to apply numbered list styling Image 2 Screenshot 41

  • Rawrepublic
    Replied on September 22, 2017 at 10:50 AM

    Sample outline created in HTML and CSS Screenshot 10

    Could you please provide the coding for something like this?

    Greatly appreciated!!

  • Nik_C
    Replied on September 22, 2017 at 12:12 PM

    The code my colleague provided will change the bulleting for the whole ordered list, so all will be replaced. But with little adjusting I made it look like this:

    Text Editor: Unable to apply numbered list styling Image 1 Screenshot 20

    But there are several problems there, first I the starting bullet parameter cannot be changed (it should be start="2" for example but that doesn't work) so the second roman number in the list is one instead of two. Then I was unable to remove the dots, which shouldn't be there after roman numbers. 

    But feel free to check my test form: https://form.jotformpro.com/72645089351966

    Let us know your thoughts.

    Thank you!