416.467.9100 | Dundas Data Visualization | Login
Welcome Guest
Dashboard v5.0

This site makes extensive use of JavaScript.

Please enable JavaScript in your web browser and reload the page before proceeding.

Using the HTML Explorer

Hide navigation
RSS
Modified on Fri, 07 Mar 2014 05:12 PM Categorized as HTML, Mobile
Click to return to: Documentation | Dundas Dashboard for Mobiles


Overview

The HTML Explorer lets you browse available dashboard projects and folders, and view dashboards using HTML5 rendering. Generally, this means you can view dashboards on any computer or mobile device that supports HTML5. See System Requirements for a list of supported devices and browser versions.

Tip: Watch the how-to video: Viewing Dundas Dashboard on Mobile devices

HTML viewing options in Dundas Dashboard.

HTML viewing options in Dundas Dashboard.


There is also the HTML Home screen which you can personalize with a tiled arrangement of your favorite dashboards.

Using the HTML Explorer

Launching the HTML Explorer

You can launch the HTML Explorer just by typing its URL in a supported web browser. The URL is a variation on your regular Dundas Dashboard URL (for Silverlight).

For example, if your regular Dundas Dashboard URL is:

http://dashsvr:7000/Default.aspx

Then the corresponding HTML Explorer URL would be:

http://dashsvr:7000/HtmlExplorer.ashx

Tip: If you are logged in on your Dundas Dashboard server computer, you can launch the HTML Explorer via the shortcut in the Programs menu for your Dundas Dashboard instance.

Tip: You can also launch the HTML Explorer and have it display a selected dashboard from the Design Explorer (or the Dashboard Directory). Access the right-click menu for a desired dashboard and select View in HTML Explorer.

View in HTML Explorer menu option.

View in HTML Explorer menu option.


Login screen

The HTML Login screen appears when you first navigate to the HTML Explorer URL:

HTML Login screen.

HTML Login screen.


The login process is similar to logging in from the Silverlight application. In particular, if you are an administrator or dashboard designer/developer, you are allowed to have only one active login session at any time. This means if you are already logged in to the Silverlight app, you won't be able to log in to the HTML Explorer unless you select the End other sessions checkbox in the HTML Login screen (to indicate that your Silverlight session should be terminated first).

If your Dundas Dashboard instance is configured to use Windows authentication, simply click the Windows Login button to log in.

HTML Login screen with Windows Login.

HTML Login screen with Windows Login.


Note: If you try to log in to the HTML Explorer/Home from an iOS 6 device, but the login is unsuccessful and returns you to the login screen, try clearing cookies and data first. For example, on your iOS 6 device, go to Settings | Safari | Clear Cookies and Data. Then try to log in again.

Explore available content

By default, after you log in successfully, you can explore the available content from your current Dundas Dashboard project. Available dashboards are arranged as icons that show previews of their corresponding dashboards. Simply click a preview icon to see the corresponding dashboard or dashblock in HTML.

Explore available content.

Explore available content.


Every Dundas Dashboard project contains a Dashboards folder which is presented initially in the explorer view. If the Dashboards folder contains subfolders, these will be positioned at the same navigation level as the Dashboards folder. (In other words, the folder hierarchy is flattened out in the explorer view.)

Search

Click the magnifying glass to get a search box which lets you locate dashboards or dashblocks by name.

Search for dashboards.

Search for dashboards.


Explore another project

Click the icon beside the name of the current project to expand a list of all available projects. Click on a project to navigate to it.

Navigate to another project.

Navigate to another project.


Viewing a dashboard

Click a preview icon to see the corresponding dashboard or dashblock.

Viewing a dashboard.

Viewing a dashboard.


While viewing a dashboard, click the Pin button in the toolbar to add the dashboard to your home screen.

In Dundas Dashboard 5.0.2 or later, you can also do the following from the toolbar:


Tip: On a mobile device such as an iPad, depending on the orientation, toolbar options may be collapsed into a menu. Tap the More icon to show or hide the menu.

Exporting data

While viewing a dashboard in the HTML Explorer, click Export in the toolbar to export the dashboard or selected controls to formats such as Excel. This dialog looks a bit different than the one in the HTML Viewer but the usage is the same. See Using the HTML Viewer for more details.

Exporting data from the HTML Explorer.

Exporting data from the HTML Explorer.


Using the HTML Home screen

HTML Home URL

The HTML Home screen has its own URL which is just a variation on the HTML Explorer URL. Simply use HtmlHome.ashx in place of HtmlExplorer.ashx in the URL.

When you go to the HTML Home URL, you will be asked to log in if you haven't already done so. (The login steps are identical to the HTML Explorer.)

Tip: If you are logged in on your Dundas Dashboard server computer, you can launch the HTML Home Screen via the shortcut in the Programs menu for your Dundas Dashboard instance. In fact, this is an easy way to acquire the HTML Home URL.

Tip: If you try to access a Dundas Dashboard Silverlight page (⪚ Default.aspx, Viewer.aspx, or SlideshowViewer.aspx) from certain mobile devices, you will be redirected automatically to the HTML Home URL. For more details, see the Notes section below.

Adding dashboards

By default, when you navigate to the home screen, it will be empty as no dashboards have been added yet.

Home screen is empty.

Home screen is empty.


While exploring content, you can add one or more dashboards to the home screen as follows:

  1. Click the Customize button in the toolbar.
    Customize button.
  2. A plus sign appears in the corner of each dashboard that has not already been added to the home screen. Click a plus sign to add the corresponding dashboard to the home screen. (The plus sign changes to a home symbol to indicate the dashboard has been added.)
    Already added to home screen.

You can now visit the home screen to see preview icons (or tiles) representing your chosen dashboards. Click an icon/tile to view the corresponding dashboard.

HTML Home screen.

HTML Home screen.


You can also add a dashboard to the home screen while you are viewing the dashboard. Click the Pin button in the toolbar to add the dashboard.

Add a dashboard to the Home screen while viewing the dashboard.

Add a dashboard to the Home screen while viewing the dashboard.


The icon in the toolbar changes to indicate the dashboard has been added to the home screen. You can click it again in order to remove the dashboard from the home screen.

Dashboard has been added to home screen.

Dashboard has been added to home screen.


Logging out

On the home screen, click the Logout button in the toolbar to log out.

Logout button.

Logout button.


In most cases, you will be returned to the login screen. However, if you have configured Dundas Dashboard to use Windows authentication or automatic HTML login, you will be directed to a logout page and asked to close the browser window to complete the logout process.

Logout page.

Logout page.


Customizing the home screen

You can customize the home screen in order to hide the title (welcome message) or remove dashboards as follows:

  1. Click the Customize button in the toolbar.
    Customize the home screen.
  2. Click the (×) icon in the corner of a dashboard tile to remove it from the home screen.
  3. Toggle the (×) icon beside the title to either show or hide the title.
  4. Click the Home button in the toolbar to exit customize mode.

Customizing the home screen.

Customizing the home screen.


Tip: While in customize mode, you can also reorder tiles by dragging a tile and dropping it over a target tile. If the target tile is positioned earlier in the overall order, the dragged tile will be inserted just before the target tile. If the target tile is positioned later in the overall order, the dragged tile will be inserted just after the target tile.

Tiles

The HTML Home screen displays two kinds of items: previews (&ie; thumbnails) of dashboards, and tiles.

A tile is like a customized preview of a dashboard. Typically, you click on a tile to view the full dashboard that it is linked to. Dashboard designers can customize the size and appearance of tiles in any number of ways. On your home screen, you may have several tiles of varying sizes.

Technically, a tile is just a dashboard or dashblock that has a defined tile size and click target. For details on creating tiles, see Designing Dashboards and Tiles for HTML Viewing.

It is possible for dashboard designers to create multiple tiles and link them to the exact same dashboard. In this case, when users try to add a dashboard that has multiple tiles to the home screen, they will be asked to choose the tile they want to appear on the home screen.

Choosing the tile to appear on the home screen.

Choosing the tile to appear on the home screen.


Tiles can be simple in design, consisting of only text or static images. You can also create live tiles which contain actual data controls such as charts and gauges.

Live tiles from the Sonatica project on the home screen. Clicking on a tile loads the full dashboard.

Live tiles from the Sonatica project on the home screen. Clicking on a tile loads the full dashboard.


By default, tiles are non-interactive. What this means is that clicking on a tile just loads the corresponding click target dashboard. The tile itself does not respond to clicks or other user interaction the way a normal dashboard would. However, in Dundas Dashboard 5 or later, dashboard designers have the option to override this click target behavior using interactive tiles which operate essentially like normal dashboards. See Designing Dashboards and Tiles for HTML Viewing for more details on creating interactive tiles.

Notes

Some other notes and tips:

  • If a dashboard designer modifies a tile that is displayed on your home screen, or replaces the tile with another one, it is best to remove the dashboard/tile from your home screen and re-add it from the HTML Explorer in order to see the latest tile changes.
  • If you try to access a Dundas Dashboard Silverlight page (⪚ Default.aspx, Viewer.aspx or SlideshowViewer.aspx) from a mobile device, you will be redirected automatically to the HTML Home URL (HtmlHome.ashx). To do this, Dundas Dashboard checks the request's User-Agent to see if it contains any of the following values for mobile devices:
    • "Android", "BlackBerry;", "; BOLT/", "Fennec", "GoBrowser",
    • "IEMobile", "iPad", "iPhone", "Kindle/", "Maemo",
    • " MIB/", "/MIDP-", "Minimo/", "Mobile Safari/", "Opera Mini/",
    • "Opera Mobi/", "SEMC-Browser/", "Skyfire/", "Symbian", "SymbOS",
    • "TeaShark/", "Teleca", "uZard", "uZardWeb"

Related topics


Click to return to: Documentation | Dundas Dashboard for Mobiles

About Dundas | Contact Us Follow us on Twitter! | Privacy Statement | Report Site Issues

Copyright © 2009-2014 Dundas Data Visualization, Inc.