Which html tags can be rendered?

  • Resolved Ambyomoron

    (@josiah-s-carberry)


    8 years, 1 month ago

    I understand that the plugin knows how to render a URL in a dialogue as a hyperlink. What is less clear is what other html tags it knows how to render. For example, I would like to display an unordered list in a response. It is not rendered as such by the plugin. But I don’t know if this is due to a bug or simply not part of the plugin’s specified functionality. So could this be documented, please?

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Contributor cognitiveclass

    (@cognitiveclass)

    8 years, 1 month ago

    Hi Josiah,

    The plugin should be able to render any html element that fits within the bounds of the chat box. There was a styling issue with lists that has been fixed in the latest update. Please let us know if you experience any further issues.

    Thread Starter Ambyomoron

    (@josiah-s-carberry)

    8 years, 1 month ago

    I upgraded to version 0.6.4 of the plugin. The following text in a dialog response:
    <ul><li>Kanban Foundation for Knowledge Work</li><li>Kanban for Deciders</li><li>Kanban simulation</li><li>Kanban for Service Managers.</li></ul>
    is rendered in the browser as follows: https://snag.gy/UO6ITP.jpg
    Note that there are no bullets and no indentation.
    When I display an unordered list on any page in the site, the default disc-shaped bullet and indentation appear correctly, so I doubt that the problem has anything to do with my theme’s style sheets.

    Plugin Contributor cognitiveclass

    (@cognitiveclass)

    8 years, 1 month ago

    Hi Josiah,
    Would you mind changing the <ul> tag to <ul style="list-style-type: disc"> or <ul style="list-style-type: circle"> and seeing if it makes a difference?

    Thread Starter Ambyomoron

    (@josiah-s-carberry)

    8 years, 1 month ago

    I have tried both styles but it changes nothing.

    Plugin Contributor cognitiveclass

    (@cognitiveclass)

    8 years, 1 month ago

    Could you try also changing one of the <li> tags to <li style="list-style-type: disc"> or <li style="list-style-type: circle">?

    If this doesn’t work, is this issue present across multiple browsers/devices or just a specific one?

    Thread Starter Ambyomoron

    (@josiah-s-carberry)

    8 years, 1 month ago

    Those additions to the li tag produce the desired result. Thanks for your help.
    Any idea what that indicates? Why it is necessary?
    BTW, I saw the problem on both latest Firefox and Chrome.

    Plugin Contributor cognitiveclass

    (@cognitiveclass)

    8 years, 1 month ago

    There must be something in your style sheets that’s setting “list-style-type: none” for ul and li tags specifically in the chat box. For some reason, this doesn’t seem to apply to regular pages on your website.

    Without looking at your site, I can’t know the exact CSS causing this, but if you inspect the <li> element in the chat box with your browser you should be able to find the CSS selector that’s applying this styling.

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Which html tags can be rendered?’ is closed to new replies.

Tags