HTML rendering in the Label component

MIT App Inventor Help
1

With the Label component it is possible to specify that component as HTMLFormat. @ChrisWard lists the HTML tags here: https://www.professorcad.co.uk/appinventortips#TipsHtmlTags. Is there complete documentation on how HTML is rendered in MIT App Inventor? (I have tried to find it here without success.)

2

Requirements seem to be for HTML 4 tags...

but not all of them will make much sense in the formatting of label text.

3

From the Designer (?) help popup for the Notifier component:

image
image263×197 11.8 KB

That's the only place I've seen html discussed.

4

Not all of HTML 4 is rendered. For example, this does not render flexbox properly when added to a HTMLFormat Label:

<div style="display: flex; justify-content: space-between; align-items: center;">
  <p style="color: red; width: 30%;">The quick brown fox jumps over the lazy dog.</p>
  <p style="color: green; width: 30%;">Quick wafting zephyrs vex bold Jim. Quick wafting zephyrs vex bold Jim.</p>
  <p style="color: blue; width: 30%;">Pack my box with five dozen liquor jugs. Pack my box with five dozen liquor jugs. Pack my box with five dozen liquor jugs.</p>
</div>
5

flex / flexbox is not in the list I linked to. flexbox is css not html...

6

A couple things.

  1. How does your list of HTML-4 tags correlate with MIT App Inventor? Isn’t it just a list of all HTML-4 tags?
  2. style is an HTML-4 ‘global attribute', meaning it is valid for any tag. Therefore, I might (should) be able to style text.

My example does properly style the colors, but not the flexbox. That is why I was asking to locate the specific documentation on how MIT App Inventor renders HTML.

7

All I know is that the label and notifier handle HTML4 tags (some, if not all). I have no knowledge or experience of these components working with css.

8

Why render to a Label, which as you have discovered is limited, instead of a Web Component?

(CustomWebView recommended).