Shells Module

The Shells Module implements the HTML5 Viewer's three interfaces ("shells") that enable the Viewer to work on different types of device. The three shells are:

The shells control the layout and the layout's behavior on the different types of device. A shell is a view that hosts a number of regions, along with some behavior to handle resizing and layout concerns.

Customizing the Viewer

If you want to change the style settings for viewer elements, you need to update the CSS files contained in a Resources\Styles\Custom location as described in the following information.

Update the CSS Files

To change the style settings for viewer elements, update the CSS files contained in a Resources\Styles\Custom directory.

The Resources\Styles\Custom directories are located in:

The following table summarizes the effect of changing the CSS files in the inetpub directory or in a site's viewer directory.

Note that styles specified in the Management Pack for viewer elements take precedence over any updates for the equivalent elements in the CSS files.

To... Update... Located In...
Define styles for all interfaces in all sites. common.css Resources\Styles\Custom within the inetpub directory path.
Define styles for a specific interface (desktop, handheld, or tablet) in all sites.

The respective:

Desktop.css

Handheld.css

Tablet.css

Resources\Styles\Custom within the inetpub directory path.
Define styles for all interfaces in a specific viewer within a site. common.css Resources\Styles\Custom within the ...Sites\<site-name>\... directory path.
Define styles for a specific interface (desktop, handheld, or tablet) for a specific viewer within a site.

The respective:

Desktop.css

Handheld.css

Tablet.css

Resources\Styles\Custom within the ...Sites\<site-name>\... directory path.

 

The advantage of making style changes in the CSS files in the Resources\Styles\Custom folder is that they are not overwritten when updating the HTML5 Viewer.

Upgrade Considerations

If you are upgrading from an earlier version of the Viewer to version 2.10.1, and viewer styles have been customized, complete the following steps:

  1. Ensure that all customized CSS files are backed up.

  2. If the Upgrade Viewer Template dialog box opens during the upgrade process:

  3. If the Upgrade Viewer Template dialog box does not open, continue with the upgrade process.

After upgrading the HTML5 Viewer, update the css property settings in the Shells module as described above.

Configuration Properties

Module

Views

View Models

© 2018 Latitude Geographics Group Ltd. All Rights Reserved.

Documentation Version 4.9