WiscIT - Browser Widget

This document details the usage and setup of a Browser widget within the WiscIT Desktop Client.

What is a Browser Widget?

BrowserExample.png
Example of a Browser widget being used in a dashboard

WiscIT allows for the creation of browser widgets for the dashboard that can be used to display a web page on a dashboard.

Search Results List widgets can be used for:

  • Displaying a web page via URL
  • Displaying an HTML page

Browser widgets are very convenient for displaying various web content onto the dashboard, such as videos!


Creating a Browser Widget

browserwidgetmenu.png
Example of Browser configuration menu

To create a Browser widget, you'll need to follow these steps (shown in the example screenshot):

  1. Create a new widget that can be edited. For more information on this, see WiscIT - Creating a Widget.
  2. Name: This is the name used when the widget is viewed in the Widget Manager. Assign it to anything you want.
  3. Type: Make sure "Browser" is selected.
  4. Browser: There are two options you have when creating a browser widget.
    • HTML Page: To make a browser widget out of an HTML page, select an existing HTML page from the ellipses button, or create a new one.
    • Web Site: Paste a URL into this field, or find one using the browser in the Browse... option.
  5. Refresh every: Mark this box to manually determine the refresh rate of the widget. This can be configured by the minute or by the hour.

Once these options have been configured, click "OK" at the bottom of the window. The widget is now ready to be placed in a dashboard!

See WiscIT - Creating a New Dashboard for instructions on creating a new dashboard with this widget or see WiscIT - Using the Dashboard Editor for help with adding this widget to an existing dashboard.


Creating a new HTML page

  1. Select the ellipses next to the HTML page field to open up the HTML Page Manager.

  2. Click the Create New Addbutton.png button to create a new HTML page.

  3. In the drop-down menu that appears, select Internal HTML Page to add your own HTML, or External HTML Page to link to a website URL. In this example, we'll use the internal option.
  4. internalhtml.png

  5. In the HTML page options menu, give the HTML a name and description. You can also change the background color to a preset or custom color. Once done, click "OK".
  6. HTMLpageoptions.png

  7. In the HTML page editor that appears, type in your HTML and then click "OK" to save it.
  8. HTMLpageeditor.png


Using the Website Browser

Clicking the Browse button in the Web Site option opens up a browser window to see which page is in the URL field. By default, this opens up to the main UW Madison page:

Browse.png

This browser can be navigated to your desired URL. To save the changes, click "OK". To return to the default page at any time, click the home button.



Keywords:
cherwell web page webpage display website site embed video html page manager configure 
Doc ID:
46240
Owned by:
Will C. in WiscIT
Created:
2015-01-15
Updated:
2023-07-19
Sites:
WiscIT - Wisconsin IT Service Manager