HtmlView

The HtmlView widget lets you show the HTML and CSS content inside your app. It's helpful if you want to have special formatting on a text.

Adding HtmlView to your project

To add the HtmlView widget to your project:

1. Select the HtmlView widget from the Add Widget Button or add it directly from the widget tree.

2. Move to the Widget Properties Panel.

3. Enter your HTML and CSS content inside the HTML Content input field.

Setting HTML content from different sources

Sometimes you might want to display the HTML contents from other sources, such as app state variables and API responses.

To show the HTML contents from manual input:

1. Select the HtmlView widget from the widget tree or the canvas area.

2. Move to the properties panel.

3. Enter the HTML as plain text and click Refresh to view changes.

To show the HTML contents from the variable:

1. Select the HtmlView widget from the widget tree or the canvas area.

2. Move to the properties panel.

3. Click on Variable icon on Html Content. Now, you can fetch from API's endpoints.

Default Properties

The Widget Properties can be used to customize the appearance and behavior of your widget. View details for Widget's Default Properties here.