Skip To Content

Grid Overlay widget

The Grid Overlay widget allows you to quickly render a United States Military Grid Reference System (MGRS) grid using client-side resources in a web app. The MGRS is an alphanumeric system based on the universal transverse Mercator (UTM) and universal polar stereographic map projections for identifying positions. An MGRS coordinate consists of a zone designation, an alphabetic 100,000-meter grid square designator, and numeric coordinates within the 100,000-meter grid square. The widget allows an app to display the MGRS grid dynamically at different index levels in the app based on the scale of the map display.

Configure the Grid Overlay widget

This widget can be set to open automatically when an app starts. Click the Do not open this widget when the app starts button Do not open this widget when the app starts on the widget to turn on the option to open the widget automatically. (For widgets you need to add to the app first, you can make this setting after configuring the widget.)

  1. Hover over the widget and click the Configure this widget button Configure this widget to open the configuration window.

    If you need to add the widget to the app first, click a widget placeholder on the Widget tab. In the Choose Widget window that opens, select the widget and click OK.

  2. Optionally click Change widget icon to replace the default icon for this widget.

    A file explorer window appears, allowing you to browse to a local image file to use as the widget icon.

  3. Set the spacing, opacity, and label placement options as follows:
    Line styles
  4. Choose the colors, font size, and line width that the grid will use at each unique index scale.
    Style options

Use the Grid Overlay widget

In addition to setting display options when the widget is configured, you can set more display options once the widget is deployed in an application.

  1. From a deployed application, click the Grid Overlay widget to open the widget dialog box.
  2. Check the box to choose if the grid will continue to display when the widget is closed.
    Grid display check box