Rebrand old Text Component as HTML Component

App Building
1

I have been playing a bit with using the iFrame as an "HTML Component" and there is a significant disadvantage over the old Text input: inheriting css from the current app.

An iFrame cannot reuse the css of it's parent frame. So if I want to style some HTML to match the rest of the app I either need to recreate the relevant selectors inline for each iFrame component or make a CSS file, host it somewhere and load it into each iFrame. Neither are very great options.

The previous text component was in the same context as the rest of the page so I could use existing selectors that Retool already uses for some other component or use ones I define in the app or global CSS sections.

I am not sure what else I would want in an HTML component beyond what the old Text component already provided. So maybe remove the Render as Markdown option and re-brand it as the all-new HTML Component?

2

Hi @bradlymathews! The new Text component still supports HTML along with most presentational attributes (e.g., class, style). It no longer supports <style> tags, but you can add global styles in the "Scripts and styles" modal, available from the app menu.

Let us know if that isn't working for some reason.

Scripts and styles
Scripts and styles390×938 17.7 KB

3

Garret,

Oh, I see that works, when did that change? When the new one came out, the html option was removed with markdown and plain text the only options. The old text component was left in the deprecated section so you could still use it for HTML, if you knew how to get to it.

4

@bradlymathews We fixed HTML support (particularly the class attribute) a week or so after initial launch. Sorry for the confusion!

5