V4 > Narrative fields widget: HTML tags that format texts in the widget are getting stripped

  • Profile Image
    RogerYelvington01
    Asked on March 09, 2017 at 04:17 AM

    Hi Guys!

    For the following form:
    https://form.jotformpro.com/51455689063968

    It used to show the color, with the html code used.  Now it only shows it in the editor/build screen as shown in my screenshot - but it is not showing in the browser anymore.

     

    Please advise, thank you!

    Roger

  • Profile Image
    liyam
    Answered on March 09, 2017 at 07:44 AM

    Hello Roger,

    You can check your form's revision history and revert to an older version of a form of there were accidental changes made that were unnoticed. Here is a guide for your reference: https://www.jotform.com/help/294-How-to-view-form-revision-history

    You may also include HTML formatting tags in your widget in order to change the color and weight of the text in it. 

    If you have questions or if you need assistance, please let us know.

    Thanks.

  • Profile Image
    RogerYelvington01
    Answered on March 09, 2017 at 03:11 PM

    It doesn't seem to be saving the HTML tags.

    I will enter them, and it will change it in the build screen, and I will update and save the widget.  When I go to preview or look at the form, the changes are gone, and when I open the widget back up, the html tags have been removed.

  • Profile Image
    liyam
    Answered on March 09, 2017 at 10:12 PM

    Hello,

    I have made tests and it seems that it's not saving any HTML tags in the widget. For the meantime, please edit your form under the older version of the builder. You can go to the Account Settings page and select the Form Builder Version 3.

     

    Or here's a direct link to your form: https://www.jotform.com/?formID=51455689063968 

    I have escalated this matter to the development team. We'll get back to you once we have updates.

    Thanks.

  • Profile Image
    RogerYelvington01
    Answered on March 09, 2017 at 10:16 PM

    Done, thank you!

  • Profile Image
    Scott
    Answered on March 10, 2017 at 03:26 AM

    Hey Roger,

    Unfortunately we are not allowing HTML scripts in the new builder as a part of the XSS prevention act.

    You can always stylize your forms using Advanced Designer and CSS Helper.

    Let us know if we can help you in any other way,

    Thank you.

  • Profile Image
    RogerYelvington01
    Answered on March 10, 2017 at 12:39 PM

    Scott - so the solution Liyam works is not longer valid?

     

    How would go about applying the change with the method you suggested?

  • Profile Image
    Jan
    Answered on March 10, 2017 at 04:29 PM

    The solution provided by my colleague Liyam is valid. However, our developers disabled the HTML tags function in Form Builder V4. This is the reason why you cannot apply HTML tags in the widget using the new Form Builder.

    Please take note that you can still use this method in your form if you like to.

    Hope that helps. Thank you.

  • Profile Image
    Scott
    Answered on March 11, 2017 at 05:38 AM

    Hey Roger,

    The thing is Liyam's solution will work until you go to the new builder and make some changes on your form. Upon the auto-saving, XSS sanitization will strip out the HTML tags from your form.

    You can use this CSS snippet on your widget's Custom CSS tab:

    #content::before {
        content: "CLUB ORIENTATION: ";
        font-weight: bold;
        color: purple;
    }

    This will prepend the given content on your widget's content.