# Web View

![](https://1781865142-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvaO9X8rr2FG8JwKkhC-1769347644%2Fuploads%2Fgit-blob-6596da308d79f716148c3734c12b0443112f94c9%2FCaptura%20de%20Pantalla%202020-02-12%20a%20la\(s\)%2012.16.51.png?alt=media)

### 🎨 Styles

* **Appearance**
  * **Background color:** select the background color using the [color picker](https://docs.apphive.io/apphive-documentacion/reference/estilos/color-picker).
  * **Background image**: this property set one background image for web view element.
* **Margins**
  * **Padding:** you can specify how much space you want between the border and contents of the web view element.

### ⚙ Properties

* **Generic properties**
  * **Enable** [**skeleton loaders**](https://docs.apphive.io/apphive-documentacion/reference/estilos/skeleton-loader)**:** this tool provides an indication to the user that something is coming but not yet available on the web view element.
  * **Control is hidden:** hide the web view element from the screen

{% hint style="info" %}
The [**skeleton loader**](https://docs.apphive.io/apphive-documentacion/reference/estilos/skeleton-loader) component provides a user with a visual indicator that content is coming/loading. This is better received than traditional full-screen loaders.
{% endhint %}

* **Specific properties**
  * **URL for web view:** The URL is the address of a website. You can find it in the address bar on the top of your top web browser. Alternatively, you can find the URL for a link by right-clicking it and copying the link.

{% hint style="warning" %}
The web view element only allows certificate Url with https\:// Example: <https://apphive.io/>
{% endhint %}

### 👆 Events

* **On load:** called \*\*\*\*when screen load completes successfully.