{"id":"6ab4377225c0969b7ed23202","title":"Route Rows","path":"how-to/committee/editing-content/route-rows","contentMarkdown":"# Route Rows\n\nA **Route** row is for a walking-route page: the write-up and the map live together in one row. Visitors see the title, a short summary, distance, time and difficulty, the start location, optional facilities and accessibility features, then the interactive GPX map. Written directions can sit under the map.\n\nThis is a different job from a [Map](https://ngx-ramblers.org.uk/how-to/committee/editing-content/map-rows) row. A Map row is the map only, which you drop into any page. A Route row is the whole route: details first, then the same map editor underneath.\n\nKent Ramblers use Route rows on pages such as [Recommended Routes](https://www.kent.ngx-ramblers.org.uk/walks/routes/recommended).\n\n![](https://ngx-ramblers.org.uk/api/aws/s3/site-content/d19473d2-4f34-4904-9cc1-907a5060f998.jpeg)\n\n*A Route row on the Kent Ramblers [Barham and Four Churches Walk](https://www.kent.ngx-ramblers.org.uk/walks/routes/recommended/barham-and-four-churches-walk): summary, distance, start location, features and the GPX map.*\n\n## Adding a Route Row\n\n1. Enter **edit site** mode.\n2. Add a new row, or change an existing row's **Row Type** to **Route**.\n3. The row opens with a **Route details** panel above the map editor.\n4. Fill in the details, add a GPX (or converted) route on the map, then **Save page changes**.\n\n## Route details\n\nThe Route details panel holds the write-up that appears above the map:\n\n* **Title** - shown as a heading unless the page already has a matching heading.\n* **Difficulty** - the same grades used on walks (optional).\n* **Distance** - miles and kilometres, using the shared distance editor.\n* **Avg mph** and **Time to walk it** - hours and minutes. Tick **Work it out from the distance and pace** to keep the time in step with distance and pace.\n* **Summary** - the visual editor, for a sentence or two about the walk.\n* **Features** - facilities, transport and accessibility, using the same feature lists as a walk. A small number of walk-only features are omitted.\n* **Start location** - postcode, grid reference, What3Words and map pin, using the same start-location editor as a walk.\n\nIf a GPX file is already on the map, **Fill details from route** offers distance and related values from the track so you can accept or skip each suggestion.\n\n## The map\n\nEverything under Route details is the same map editor documented on [GPX Route Maps](https://ngx-ramblers.org.uk/how-to/committee/editing-content/map-rows):\n\n* Upload GPX, or ESRI/GeoJSON files that convert on import\n* Style colour, thickness and opacity per route\n* OpenStreetMap or Ordnance Survey tiles\n* Height, centre, zoom, auto-fit bounds, controls and waypoints\n\nOn a Route row the map defaults to Ordnance Survey tiles and hides map controls until a visitor turns them on. You can change both of those in the map settings.\n\nWritten directions, if you add them, appear in a framed section under the map. They stay hidden while someone is following the route on the map, unless you choose otherwise.\n\n## When to use Route rather than Map\n\n* Use **Route** for a dedicated walk-route page: one path, one write-up, one map.\n* Use **Map** when the map is one section among text, photos or an index, or when you want several routes on a page without a route write-up attached to the row.\n* Use a **Location** row as well if an index map should pin this page; a Route row's start location is for the route itself.\n\n## See also\n\n* [Page Row Types](https://ngx-ramblers.org.uk/how-to/committee/editing-content/page-row-types)\n* [GPX Route Maps](https://ngx-ramblers.org.uk/how-to/committee/editing-content/map-rows)\n* [Location Rows](https://ngx-ramblers.org.uk/how-to/committee/editing-content/location-rows)","contentHtml":"<h1>Route Rows</h1>\n<p>A <strong>Route</strong> row is for a walking-route page: the write-up and the map live together in one row. Visitors see the title, a short summary, distance, time and difficulty, the start location, optional facilities and accessibility features, then the interactive GPX map. Written directions can sit under the map.</p>\n<p>This is a different job from a <a href=\"https://ngx-ramblers.org.uk/how-to/committee/editing-content/map-rows\">Map</a> row. A Map row is the map only, which you drop into any page. A Route row is the whole route: details first, then the same map editor underneath.</p>\n<p>Kent Ramblers use Route rows on pages such as <a href=\"https://www.kent.ngx-ramblers.org.uk/walks/routes/recommended\">Recommended Routes</a>.</p>\n<p><img src=\"https://ngx-ramblers.org.uk/api/aws/s3/site-content/d19473d2-4f34-4904-9cc1-907a5060f998.jpeg\" alt=\"\"></p>\n<p><em>A Route row on the Kent Ramblers <a href=\"https://www.kent.ngx-ramblers.org.uk/walks/routes/recommended/barham-and-four-churches-walk\">Barham and Four Churches Walk</a>: summary, distance, start location, features and the GPX map.</em></p>\n<h2>Adding a Route Row</h2>\n<ol>\n<li>Enter <strong>edit site</strong> mode.</li>\n<li>Add a new row, or change an existing row&#39;s <strong>Row Type</strong> to <strong>Route</strong>.</li>\n<li>The row opens with a <strong>Route details</strong> panel above the map editor.</li>\n<li>Fill in the details, add a GPX (or converted) route on the map, then <strong>Save page changes</strong>.</li>\n</ol>\n<h2>Route details</h2>\n<p>The Route details panel holds the write-up that appears above the map:</p>\n<ul>\n<li><strong>Title</strong> - shown as a heading unless the page already has a matching heading.</li>\n<li><strong>Difficulty</strong> - the same grades used on walks (optional).</li>\n<li><strong>Distance</strong> - miles and kilometres, using the shared distance editor.</li>\n<li><strong>Avg mph</strong> and <strong>Time to walk it</strong> - hours and minutes. Tick <strong>Work it out from the distance and pace</strong> to keep the time in step with distance and pace.</li>\n<li><strong>Summary</strong> - the visual editor, for a sentence or two about the walk.</li>\n<li><strong>Features</strong> - facilities, transport and accessibility, using the same feature lists as a walk. A small number of walk-only features are omitted.</li>\n<li><strong>Start location</strong> - postcode, grid reference, What3Words and map pin, using the same start-location editor as a walk.</li>\n</ul>\n<p>If a GPX file is already on the map, <strong>Fill details from route</strong> offers distance and related values from the track so you can accept or skip each suggestion.</p>\n<h2>The map</h2>\n<p>Everything under Route details is the same map editor documented on <a href=\"https://ngx-ramblers.org.uk/how-to/committee/editing-content/map-rows\">GPX Route Maps</a>:</p>\n<ul>\n<li>Upload GPX, or ESRI/GeoJSON files that convert on import</li>\n<li>Style colour, thickness and opacity per route</li>\n<li>OpenStreetMap or Ordnance Survey tiles</li>\n<li>Height, centre, zoom, auto-fit bounds, controls and waypoints</li>\n</ul>\n<p>On a Route row the map defaults to Ordnance Survey tiles and hides map controls until a visitor turns them on. You can change both of those in the map settings.</p>\n<p>Written directions, if you add them, appear in a framed section under the map. They stay hidden while someone is following the route on the map, unless you choose otherwise.</p>\n<h2>When to use Route rather than Map</h2>\n<ul>\n<li>Use <strong>Route</strong> for a dedicated walk-route page: one path, one write-up, one map.</li>\n<li>Use <strong>Map</strong> when the map is one section among text, photos or an index, or when you want several routes on a page without a route write-up attached to the row.</li>\n<li>Use a <strong>Location</strong> row as well if an index map should pin this page; a Route row&#39;s start location is for the route itself.</li>\n</ul>\n<h2>See also</h2>\n<ul>\n<li><a href=\"https://ngx-ramblers.org.uk/how-to/committee/editing-content/page-row-types\">Page Row Types</a></li>\n<li><a href=\"https://ngx-ramblers.org.uk/how-to/committee/editing-content/map-rows\">GPX Route Maps</a></li>\n<li><a href=\"https://ngx-ramblers.org.uk/how-to/committee/editing-content/location-rows\">Location Rows</a></li>\n</ul>\n"}