Look and Feel

The Look and Feel page in Manager has settings that control the appearance of:

Browser Title
Banner
Highlights
Highlight Modes
Data Frame
Bottom Panel
Results List
Map Tips
Feature Details
Results Views

Open the Look and Feel Page

To open an HTML5 viewer's Look and Feel page in Manager:

In Geocortex Essentials Manager, edit the viewer that you want to configure—edit the site that the viewer belongs to, click Viewers in the side panel, and then click the Edit icon beside the viewer.
In the side panel, click Look and Feel.

The Look and Feel page opens.

Browser Settings

Title: The title to display in the browser’s title bar or tab. Enter the text key that the browser's title is assigned to. To open a drop-down list of text keys, start typing. Type @ to see the complete list of keys in the drop-down list—all text keys begin with @.

The default text key is @language-browser-title. The text key's current value is shown below the Title box.

Banner Settings

In the Desktop and Tablet interfaces, the banner is the area at the top of the viewer that optionally contains the title and logo. The Handheld interface does not have a banner.

Show Banner: If this checkbox is selected, the banner shows in the viewer. If the checkbox is cleared, the viewer does not have a banner. By default, the viewer has a banner.

Title: The text of the title to display in the banner. If you want control over the font and size, leave the Title box blank, create an image that contains the title, subtitle, and logo, and specify the image using one of the Image settings. You can use a text key or the literal text.
Title Color: A valid HTML color to use for the title of the banner. For example, red or #FF0000.
Sub-Title: The subtitle to display in the banner. The subtitle is the smaller text that appears under the title. The subtitle is optional. You can use a text key or the literal text.

If you want control over the font and size, leave the Sub-Title box blank, create an image that contains the title, subtitle, and logo, and specify the image using one of the Image settings.
Sub-Title Color: A valid HTML color to use for the subtitle of the banner. For example, green or #00FF00.
Background Color: A valid HTML color to use for the background of the banner, for example, blue or #0000FF.
Background Image: The URL to the banner’s background image, if you want a background image. Use this setting to add texture to the background color. Click Browse to browse to the image file.
Left Image: The URL to the image that forms the left side of the banner. This setting is often used for the image containing the logo, title, and sub-title. Click Browse to browse to the image file. The maximum image height and width is 60px by 500px.
Left Image Description: The alternative (alt) text for the Left Image. The alt text is used by screen readers. It is also used if the image cannot be displayed.
Right Image: The URL to the image that forms the right side of the banner. Click Browse to browse to the image file.
Right Image Description: The alternative (alt) text for the Right Image. The alt text is used by screen readers. It is also used if the image cannot be displayed.
Height: The height of the banner, in pixels. The default banner is 60 pixels high.

Highlight Settings

Change the color of features on the map that the user has selected or identified.

Fill: The fill color specified for highlighting, represented as an RGBA color. The default color is pale yellow defined as RGBA(236, 236, 58, 0.1). The first set of digits (236) is for the red color value, the second set (236) is for the green color value, the third set (58) is for the blue color value, and the last value (0.1) is for opacity, where 0.0 is fully transparent, and 1.0 is fully opaque.
Border: The border color specified for highlighting. The default color is yellow, defined as RGBA(255, 255, 151, 1).
Outer Border: The outer border color specified for highlighting. The default color is dark yellow, defined as RGBA(200, 200, 0, 1).
Focused Fill: The fill color specified when the highlighted feature has focus. The default color is pale cyan, defined as RGBA(0, 255, 255, 0.2).
Focused Border: The border color specified when the highlighted feature has focus. The default color is cyan, defined as RGBA(0, 255, 255, 1).
Outer Focused Border: The outer border color specified when the highlighted feature has focus. The default color is dark cyan, defined as RGBA(87, 170, 255, 1).
Border width: The border width specified for highlighting. The default value is 2 pixels.
Outer Border Width: The outer border width specified for highlighting. The default value is 5 pixels.
Highlight Line Opacity: The opacity setting for a highlighted line feature. The default is 0.5 pixels

The highlight settings in the site take precedence over these settings.

Highlight Modes

Highlight modes control how the highlighting of features on the map is related to features in the Results List.

Highlight Features On Page: Indicates that only the features on the current page of the Results List are highlighted on the map.
Highlight All Features: Indicates that all of the features on all of the pages in the Results List are highlighted on the map.
Do Not Highlight Any Features: Indicates the none of the features on the pages in the Results List are highlighted on the map.

Data Frame Settings

Only the Desktop and Tablet interfaces have a Data Frame—the Handheld interface does not have a Data Frame.

Open By Default: When this checkbox is selected, the Data Frame opens when the user launches the viewer. If you do not want the Data Frame to be open initially, clear the checkbox. By default, the Data Frame is closed.

If you want the Home Panel to be visible when the user launches the viewer in the Desktop or Tablet interface, you must select the Open By Default checkbox.
Default Width: The width of the Data Frame in pixels. The default width is 350 pixels. Alternatively, you can specify the amount as a percentage, for example, 25%.

Specifying the amount as a percentage string ensures the panel size remains in proportion to the browser window until the user resizes the panel.
Minimum Width: The minimum width to which the Data Frame can be resized. The default width is 200 pixels. Alternatively, you can specify the amount as a percentage, for example, 10%.
Maximum Width: The maximum width to which the Data Frame can be resized. The default width is 500 pixels. Alternatively, you can specify the amount as a percentage, for example, 50%.

Bottom Panel Settings

Default Height: (Desktop and Tablet interfaces only) The default height of the Bottom Panel. The default height is 400 pixels. Alternatively, you can specify the amount as a percentage, for example, 25%.

Specifying the amount as a percentage string ensures the panel size remains in proportion to the browser window until the user resizes the panel.

To specify the percentage height of the Bottom Panel in the Handheld interface, manually edit the bottomPanelHeightPercent property in the Handheld configuration file. For more information, see Shells Module.

Results List Settings

Content Field: Specifies which setting to display for each feature in the Results List—the Feature Description or the Feature Long Description. The default is Feature Long Description.

Map Tips Settings

Content Field: Specifies which setting to display as the main content of map tips—the Feature Description or the Feature Long Description. The default is Feature Long Description.

Feature Details Settings

Show Description: The kind of description to display when viewing feature details, if any. Possible values include: No Feature Description, Feature Description and Feature Long Description. The default is No Feature Description.

Results Views Settings

Default View Type: Specifies how results appear by default in the viewer. Possible values include None, Results List, and Results Table. For information about results views, see Results Module.