This article explains the Text, HTML, and Embedding block that can be added to design an app.
Help video
Used For
- Adding read-only instruction, help text, formatted text, images, videos, etc. to an app
- Embedding any videos or external images
- Embedding another Clappia app
- Add long questions or paragraphs
Editing the block
Click on the block and start editing on the panel that appears on the right side.
Label
This is what appears as the label for the content added in this block.
Main content
This is the area in which you need to write plain text or HTML for the end-users to consume.
Plain text
You can simply type any text in the box and it will appear as a read-only text to the end-users.
HTML
If you know the basics of HTML, you can add rich text or anything that HTML supports by writing HTML in the input box.
If you don’t know how to write HTML, we recommend using this awesome service https://wordtohtml.net/ that lets you write anything like a word file and converts it into HTML. Copy the converted HTML and paste it here.
Live App with examples
Supported HTML Tags and attributes
Popular ones –
- div
- p
- b, i, u
- a – Supported Attributes: class, href, name, target
- button – Supported Attributes: type, class, data-*
- img – Supported Attributes: src, width, height
- iframe – Supported Attributes: src, width, height, frameborder
- h1, h2, h3, h4, h5, h6
- table, th, tr, td, tbody, thead, tfoot – Supported attributes: class, style, width
- aside
- header
- footer
- nav
- section
- hr, br
- ul, ol, li
- blockquote
- pre
- small
- span
- strong
Others –
- abbr, address, article
- bdi, bdo
- caption, cite, code, col, colgroup
- data, dd, dfn, dl, dt
- em
- figcaption, figure
- hgroup
- kbd
- main, mark
- q
- rb, rp, rt, rtc, ruby
- s, samp, sub, sup
- time
- var
- wbr