15.1.7 Exploring Additional Page Features

Explore several page techniques used by the Geocoded Address example.

The page in this Geocoded Address example uses several additional features worth exploring:

• Clicking an employee address "pin" on the map opens the edit dialog,
• The Map on the Cards page refreshes when the dialog closes to show the updated address,
• Both maps stretch vertically to use the available space,
• The dialog prevents the [Enter] key from submitting the page so it can trigger geocoding instead,
• An app-wide JavaScript helper function sets the dialog title, and
• The title references a translatable text message with value placeholders.

• Clicking Map Point to Open Edit Dialog
  Configure a drill down on a map layer item by setting up its link target.
• Refreshing Region on Dialog Close
  Use a dynamic action event handler to refresh a calling page's region when the user closes an edit dialog.
• Stretching to Fill Vertical Space
  The 12-column grid system simplifies filling the available horizontal space. However, sometimes you want a component to stretch vertically to use available height.
• Preventing Enter Key from Submitting
  Prevent the Enter key from submitting a single-field dialog by adding a visually hidden text field.
• Triggering Geocoding with Enter Key
  Use a native Trigger Geocoding dynamic action step to do address confirmation on-demand.
• Including Context Info in Dialog Title
  Use JavaScript to set a modal dialog's title to include context information from the calling page.
• Providing App-Wide Helper Functions
  Put JavaScript helper functions used on multiple pages in an application-wide library.
• Using Translatable Text in JavaScript
  Consider using a translatable Text Message when setting a dynamic dialog title from JavaScript.