---
tags:
- UI Page widgets
alias: user-guide-uipage-widgets-browser
widgetname: Browser
description: "This documentation explains how to use a widget that displays web content within a browser"
---

# Browser

![browserIcon](images/uiBrowserIcon.png)

## Overview

The Browser widget displays any URL content (PDF, HTML). An example is shown below, where a Browser widget is created, showing the Critical Manufacturing Website.

![browser Example](images/uiBrowser.gif)
!!! info
	The URL must be accessible from the client browser.

## General Steps

{% include-markdown 'includes/pages/ui_widgets_general_steps.md' %}

![General](images/browser_widget_settings_general.png)

## Widget Customization

1. Optionally, in the **Style** tab, you can define a Border Width and Color.

    ![style](images/browser_widget_settings_style.png)

2. In the **Setup** tab, provide the Url to be displayed.

    ![Setup](images/browser_widget_settings_setup.png)

3. Optionally, define the **Inputs**.

    ![Inputs](images/browser_widget_settings_inputs.png)

4. You can also define the **Links** between this widget and other elements of the UI Page. As this widget doesn't provide any outputs it can only be used as target. The URL property, for example, can be used as input.

    ![Links](images/browser_widget_settings_links.png)

5. By saving and closing the settings, the widget will be changed accordingly.