Skip to main content

HTML Element

Introduction​

Display rich HTML content with full JavaScript support within your bubble native apps!

Features

Full HTML rendering - Supports complete HTML, CSS, and JavaScript execution.

Native WebView integration - Seamless embedding with native mobile performance.

Interactive content - Enable external links, scrolling, and user interactions.

Event handling - Triggers events when content finishes loading.

Responsive display - Adapts to any container size with overflow handling.

Optimized performance - Efficient DOM storage and JavaScript execution.

How to use​

  1. Drop HTML element on the view.
  2. Pass in valid HTML code

Example HTML Code:

<div style="border: 1px solid #ccc; padding: 20px; border-radius: 10px;">
  <h2>Sample Text</h2>
  <p>This is an example of HTML content with text and a shape.</p>
  <div style="width: 50px; height: 50px; background-color: blue; border-radius: 50%; margin: 10px 0;">Shape Example</div>
</div>
  1. Preview the view

Element Fields​

  • HTML Code: The HTML content to display

Events​

  • Is fully loaded: This event fires when the content is fully loaded

Editor | Preview