Embed Map Component Nexus Component Styling

Embed Map Component Classic Styling

Embed Map Component

The Embed Map component allows you to drag a focused map on the canvas. These maps help you visualize geo-located data. If there is location data, the location is rendered on the map.

The Embed Map component is supported in the List and Details view and is found in the Embed section of the Components tray.

Embed Map Component

See Add Board Components for details about adding components to a view.

See Add Dashboard View Components for details about adding components to a Dashboard view.

Settings

Embed Map Settings

The following settings are available.

Embed Map Settings fields
Field Description Procedure

Id

A unique identifier that briefly describes the component in the user interface.

Enter between 2 - 50 alphanumeric characters, excluding special characters.

Map Name

The name of the map.

Enter between 2 - 50 alphanumeric characters, excluding special characters.

Height

The height of the map.

On the canvas, you can use the handles to modify the height.

Do either of the following actions.

  • On the canvas, drag the handles to enlarge or condense the size.

  • In the Embed Map Settings window, enter the height. By default, DesignStudio enters the height in pixels. To use percentages, enter the percentage sign after the number, without spaces (for example, 100%).

    This field does not display in Dashboard view.

Width

The width of the map.

On the canvas, you can use the handles to modify the width.

Do either of the following actions.

  • On the canvas, drag the handles to enlarge or condense the size.

  • In the Embed Map Settings window, enter the width. By default, DesignStudio enters the width in pixels. To use percentages, enter the percentage sign after the number, without spaces (for example, 100%).

    This field does not display in Dashboard view.

Enable Header

Displays a header above the map.

Select the checkbox to enable the option.

Actions Toolbar

The following actions are available when you select any component on the canvas in the Board Workspace when working with Nexus Component Styling.

Actions descriptions
Icon Name Description Procedure
Settings Icon

Settings

Opens the Properties tab next to the Components Tray.

You can modify the component’s settings, such as label, database field name, help text, style, and conditional settings.

  1. In Design mode, click the component on the canvas. A toolbar appears on the top right.

  2. Click the Settings icon. The Properties tab displays on the right next to the Components tray.

  3. Update the settings as needed.

    Changes display in real time.

Move Icon

Move

 

This icon is not used.

To move the component, click and drag it to its new location.
Copy Icon

Clone

Copies the current component and its settings, then pastes it after the current component.

  1. In Design mode, click the component on the canvas. A toolbar appears on the top right.

  2. Click the Clone icon. The Properties tab displays on the right next to the Components tray.

  3. Edit the settings for the cloned component.

    Changes display in real time.

Delete Icon

Delete

Deletes the selected component.

  1. In Design mode, click the component on the canvas. A toolbar appears on the top right.

  2. Click the Delete icon.