# HtmlPanel

The `HtmlPanel` control can be used to embed full HTML documents within a Wisej.NET application.

{% hint style="info" %}
For a full list of properties, methods and events see the [API documentation.](http://docs.wisej.com/api)
{% endhint %}

## Features

### Custom HTML

Any HTML file or code can be directly linked to the `HtmlPanel` control using the `Html` or `HtmlSource` property.

```csharp
//For the Html property, put the entire HTML code as a string
htmlPanel1.Html = "<b>Example Text Here</b>";

//For the HtmlSource property, provide a string contining the path to a HTML file
htmlPanel1.HtmlSource = "MyHtmlFile.html";
```

Clicks inside the `HtmlPanel` can be handled with the `ElementClick` event.

{% hint style="danger" %}
It's not recommended to use HTML containing an iframe within the `HtmlPanel`. The `HtmlPanel` cannot handle clicks on anything inside the iframe. If your HTML contains an iframe, use the [IFramePanel](https://docs.wisej.com/docs/controls/content/iframepanel) instead.
{% endhint %}

![HtmlPanel displaying embedded HTML content](https://553579532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MF1D11gPs_az3xaKusw%2Fuploads%2Fgit-blob-d2d5b6352ce4e786b13f8649a2e081dc9ced456e%2Fimage.png?alt=media)

## Advanced

### JavaScript Widget

| Item             | Description                                                                                                                   |
| ---------------- | ----------------------------------------------------------------------------------------------------------------------------- |
| Class name       | "wisej.web.ScrollableHtmlPanel"                                                                                               |
| Theme appearance | "widget", see [Themes](https://docs.wisej.com/theme-builder/theme-elements/elements).                                         |
| Child components | "pane" is the container for the HTML content. See [JavaScript](https://docs.wisej.com/docs/concepts/javascript-object-model). |
| Source Code      | [https://github.com/iceteagroup/wisej-js](https://github.com/iceteagroup/wisej-js/blob/master/wisej.web.TextBox.js)           |