SubLabels: HTML tags are not parsing

  • kdaszuta
    Asked on January 13, 2017 at 8:47 AM

    Hi!

    I've noticed that recently HTML parser in sublabel has been disabled. Is there any way to enable it?

    I'm interested only in BR, B and I tags.

     

    Kind regards

    Kris

     

  • Nik_C
    Replied on January 13, 2017 at 9:10 AM

    Hello Kris, 

    I tested our forms and it's true tags are not rendering properly. Let me address this concern to our backend team for further checking. We'll get back to you through this thread as soon as possible.

    Thank you for your patience.

     

  • Scott JotForm Developer
    Replied on January 13, 2017 at 11:00 AM

    Hey Kris,

    Due to the latest security precautions, HTML codes are not allowed on many parts of the form.

    However you can stylize your sub labels via our form designer by using CSS helper;

    SubLabels: HTML tags are not parsing Image 1 Screenshot 20

    If there is anything else we can help you with, just let us know,

    Cheers.

  • kdaszuta
    Replied on January 13, 2017 at 11:10 AM

    That is not really helpful.

    How supposedly can I bold one word in sentence in sub label using CSS?

    BTW your security precautions are very inconsistent. You got rid of HTML in sub labels, but left it in HTML text block. You should rather improve your input parser to prevent XSS and other nasty stuff.

     

    Regards,

    Kris

  • Scott JotForm Developer
    Replied on January 13, 2017 at 2:40 PM

    Hey again Kris,

    I will forward your feedback regarding security issues, so thank you for that.

    On the other hand, I went ahead and looked at how you were using HTML codes on your sub-labels.

    In case of your scenario, you can use the after pseudo element. With this pseudo element, you can use CSS to add content to your HTML and stylize it. In case of the special characters, you should use hexademical values. You can use this website for the conversion: https://r12a.github.io/apps/conversion/

    I cloned one of your forms and tested a CSS snippet which goes like:

    .form-sub-label {
        max-width : 250px;
    }

    .form-sub-label:after {
        content : "\0020 \005C \0020 \002F \0020 \003A \0020 \002A \0020 \003F \0020 \0022 \0020 \003C \0020 \003E \0020 \007C";
        font-weight: bolder;
    };

    With the max-width property, you can break the line without HTML tags. Also before applying the content property delete the part where you list the special characters list from your sub-label, since we are going to add them with the after pseudo element.

    When you inject this CSS snippet, your sub-label will look like this:

    SubLabels: HTML tags are not parsing Image 1 Screenshot 20

    I hope this information will help you better. If there is anything else I can do for you, please let me know,

    Cheers.