{"id":"69c593b05aae965d81fcb522","title":"Location Rows","path":"how-to/committee/editing-content/location-rows","contentMarkdown":"# Location Rows\n\nA Location row adds geographic location data to a page. Each location row has a **start location** and optionally an **end location** (for linear walks where the finish is different from the start).\n\nEach location includes:\n* **Description** — a place name or landmark\n* **Postcode** — with a clickable link to Google Maps\n* **Grid Reference** — at 6, 8, or 10-digit accuracy, with a clickable link to Grid Reference Finder\n* **Latitude and Longitude**\n\nYou only need to enter one of these — the system works out the rest automatically.\n\nLocation rows serve two purposes:\n1. When set to **visible**, the location details are displayed on the page for visitors to see, with clickable links and copy buttons\n\n![](https://ngx-ramblers.org.uk/api/aws/s3/site-content/d89fcc90-5e27-4fe4-9c03-aa9c00ed96e1.jpeg)\n\n\n2. Any page with a location row can appear as a **pin on a map** when that page is listed in an index row that includes a map view\n\n\n## When to Use Location Rows\n\n- Add a Location row to a page when you want that page to appear in an index search results with a map \n- When a page has a location row and that page is listed in an index that includes a map view, a pin will automatically appear on the map based on the location details. For example, this is how the Kent Ramblers [Long Distance Paths](https://www.kent.ngx-ramblers.org.uk/walks/routes/long-distance-paths) index shows walking routes as pins on a single map.\n\n## What a Location Row Displays\n\nEach location shows:\n- **Description** - A human-readable place name\n- **Postcode** - Clickable link to Google Maps\n- **Grid Reference** - Clickable link to Grid Reference Finder\n- **Coordinates** - Latitude and longitude\n- All fields have a copy icon for easy clipboard copying\n\n## Adding a Location Row\n\n1. Open the page in the CMS editor\n2. Click **Add Row** (or the **+** button between existing rows)\n3. Select **Location** from the row type dropdown\n4. The row initialises with an empty start location\n\nThis is what a location row looks like in siite edit mode\n\n![](https://ngx-ramblers.org.uk/api/aws/s3/site-content/c175878a-9fae-4fca-8920-53011df93fd5.jpeg)\n\n\n\n## Configuring a Location\n\nYou can enter a location using any of these methods — the system will automatically populate the other fields:\n\n### Method 1: Place Name Search\n- Type a place name into the autocomplete search field\n- Select from the suggestions that appear\n- The system fills in postcode, grid reference, and coordinates\n\n### Method 2: Postcode Lookup\n- Enter a UK postcode (e.g., TN13 1ZZ)\n- The system validates the format and looks up the coordinates\n- Nearby postcodes are shown in a dropdown for fine-tuning\n\n### Method 3: Grid Reference\n- Enter a 10-digit grid reference (e.g., TQ8441731443)\n- The system converts it to coordinates and postcode\n- Click **View Grid Reference** to check it on Grid Reference Finder\n\n### Fine-Tuning with the Map\nAfter entering a location, an interactive map appears where you can:\n- **Drag the pin** to adjust the exact position\n- Toggle between **Google Maps** preview and **Leaflet** editing views\n- The Leaflet view supports Ordnance Survey or OpenStreetMap tiles\n\n## Adding an End Location\n\nFor linear walks where the finish point differs from the start:\n1. Tick the **Has End Location** checkbox\n2. A second location editor appears\n3. Configure the end location using any of the methods above\n4. The page will display both locations side by side\n\n## Visibility Control\n\nThe **Rendering Mode** dropdown controls whether the location is shown on the page:\n- **Visible** - Location details are displayed (default)\n- **Hidden** - Location data is stored but not shown to visitors (useful for internal reference or when you only want the pin to appear on index maps)\n\n## Tips\n\n- Location rows work well paired with **Map rows** — the map row can automatically sync markers from the location row on the same page\n- For circular walks, you only need a start location (no end location needed)\n- The grid reference, postcode, and coordinates all stay in sync — changing one updates the others\n- You can browse and manage all pages including their location data from the [Page Content Navigator](https://ngx-ramblers.org.uk/admin/content/page-content-navigator?view-mode=all)\n","contentHtml":"

Location Rows

\n

A Location row adds geographic location data to a page. Each location row has a start location and optionally an end location (for linear walks where the finish is different from the start).

\n

Each location includes:

\n\n

You only need to enter one of these — the system works out the rest automatically.

\n

Location rows serve two purposes:

\n
    \n
  1. When set to visible, the location details are displayed on the page for visitors to see, with clickable links and copy buttons
    2. \n
\n

\"\"

\n
    \n
  1. Any page with a location row can appear as a pin on a map when that page is listed in an index row that includes a map view
    2. \n
\n

When to Use Location Rows

\n\n

What a Location Row Displays

\n

Each location shows:

\n\n

Adding a Location Row

\n
    \n
  1. Open the page in the CMS editor
    2. \n
  2. Click Add Row (or the + button between existing rows)
    3. \n
  3. Select Location from the row type dropdown
    4. \n
  4. The row initialises with an empty start location
    5. \n
\n

This is what a location row looks like in siite edit mode

\n

\"\"

\n

Configuring a Location

\n

You can enter a location using any of these methods — the system will automatically populate the other fields:

\n

Method 1: Place Name Search

\n\n

Method 2: Postcode Lookup

\n\n

Method 3: Grid Reference

\n\n

Fine-Tuning with the Map

\n

After entering a location, an interactive map appears where you can:

\n\n

Adding an End Location

\n

For linear walks where the finish point differs from the start:

\n
    \n
  1. Tick the Has End Location checkbox
    2. \n
  2. A second location editor appears
    3. \n
  3. Configure the end location using any of the methods above
    4. \n
  4. The page will display both locations side by side
    5. \n
\n

Visibility Control

\n

The Rendering Mode dropdown controls whether the location is shown on the page:

\n\n

Tips

\n\n"}