302
Views
5
Comments
Solved
Is there a list of valid HTML tags

I wanted to make my own pop up element, because Outsystems UI's doesn't support temporary keyboard traps (I need to make sure my app is web accessibility compliant).

In my mission, I wanted to try out the <dialog> HTML tag, but as it seem, Outsystems doesn't recognize that as a valid tag:

My question is: Is there a list of HTML tag you can use in Outsystems?

2024-03-14 15-17-31
Rasika Modi
Solution

Hi Sara,

In Outsystems, for generating any HTML tag around elements we have to use the HTML Element Widget and define the Tag Property.


Outsystems supports few tags like section, button, header, nav, pre, h1, h2, ol, li, p etc.

Outsystems doesn't support <dialog> html tag. 

But in order to develop animated and styled dialog box you can use JavaScript.

Refer this link for developing awesome dialog box. It's implementation is also available as a forge component.

Best Regards,

Rasika






2024-12-17 14-32-59
Matthias Preuter
 
MVP

Maybe it is because dialog object is not supported in all browsers, see w3school documentation of dialog

2024-09-18 10-08-06
Sara Skov
Champion

@Matthias Preuter 

Yes, I get that there could be problems with the tag, but it is HTML5 valid, so I just assumed it would be included i OS.

It would just be nice to have a list of HTML tags I can use, so I don't have to try them out every time :)

2024-12-17 14-32-59
Matthias Preuter
 
MVP

Maybe this Accessibility Example app in the Forge helps you, it has a Modal and a Popup sample 

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

Hi,

Here we have a Forge Component Available 
This component was created as a (sort of) replacement for Non-escaped expressions. It will inject any HTML content passed to it into the page whenever the page renders. 
You can check this If can help you to achieve your requirement
https://www.outsystems.com/forge/component-overview/7239/injecthtml

Thanks

2024-03-14 15-17-31
Rasika Modi
Solution

Hi Sara,

In Outsystems, for generating any HTML tag around elements we have to use the HTML Element Widget and define the Tag Property.


Outsystems supports few tags like section, button, header, nav, pre, h1, h2, ol, li, p etc.

Outsystems doesn't support <dialog> html tag. 

But in order to develop animated and styled dialog box you can use JavaScript.

Refer this link for developing awesome dialog box. It's implementation is also available as a forge component.

Best Regards,

Rasika






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