366
Views
5
Comments
Solved
Display HTML
Question
Application Type
Reactive
Service Studio Version
11.53.41 (Build 62020)

Hello everyone,

I want to render this HTML:

The rendered HTML should look like this:


I am struggling with the HTML widget, but nothing renders...

What did I miss?

The CodePen example is here: https://codepen.io/renanlecaro/pen/jjNWBP

Thanks for your time,

Have a nice day.

Alain


2023-03-16 16-29-51
Paulo Rosário
Solution

Hello Alain,

So what you are trying to use as HTML is not pure HTML its another markdown language called Mermaid. 

This code is not supported by the platform, there is however a forge component that maybe can help: Mermaid Reactive

I have never worked with this type of language so Im afraid I can't help you more, but I hope this will push you in the right direction. 

Hope it helps! 

Paulo Rosário

2023-10-21 19-42-11
Tousif Khan
Champion

Hello

You can use Inject Html a Forge component that will help you with this
https://www.outsystems.com/forge/component-overview/7239/injecthtml

I hope  this will help you 
Best Regards
Tousif Khan

UserImage.jpg
Alain Cuvillier

Hello Tousif,

thank you for your help!

I tried the Forge component. Now the rendered HTML looks like this:

It seems the library is not loaded at all (I looked in the dev console).

I passed the HTML like this:

Do I need to load the script separately? If yes, how to do this?

Alain

2023-03-16 16-29-51
Paulo Rosário
Solution

Hello Alain,

So what you are trying to use as HTML is not pure HTML its another markdown language called Mermaid. 

This code is not supported by the platform, there is however a forge component that maybe can help: Mermaid Reactive

I have never worked with this type of language so Im afraid I can't help you more, but I hope this will push you in the right direction. 

Hope it helps! 

Paulo Rosário

UserImage.jpg
Alain Cuvillier

Thanks Paulo, exactly what I was looking for.

2023-03-16 16-29-51
Paulo Rosário

Glad I could help :) 

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.