{"id":"64174f07bba30fd5daa4de90","title":"Page Row Types","path":"how-to/committee/editing-content/page-row-types","contentMarkdown":"# Page Row Types\n\nThere are 10 row types that form the building blocks of a page, outlined as follows.\n\n* ### [Text](https://ngx-ramblers.org.uk/how-to/committee/editing-content/existing-pages/text-rows)\nA Text Row is designed for adding textual content into between 1 and 12 columns. A text row supports markdown formatting [as described here](https://ngx-ramblers.org.uk/how-to/committee/learning-markdown). It also allows you to add an inline image after the text. When a row is inserted into a page it will by default be created with a single column which will take up the entire width of the Row. See the [Text](https://ngx-ramblers.org.uk/how-to/committee/editing-content/existing-pages/text-rows) article for a detailed guide.\n\n* ### [Action Buttons](https://ngx-ramblers.org.uk/how-to/committee/editing-content/existing-pages/action-buttons)\nAction buttons are designed to allow a number of buttons to be created on a page that when clicked will link you to other pages either internally, or externally to other websites. See the [Action Buttons](https://ngx-ramblers.org.uk/how-to/committee/editing-content/existing-pages/action-buttons) article for a detailed guide.\n\n* ### [Album](https://ngx-ramblers.org.uk/how-to/committee/images/albums)\nThis is the primary row type for displaying photo collections. Albums can be displayed as a carousel, a gallery, or a grid. They can also link to a walk, social, or committee event and auto-generate links from the album title. See the [Albums](https://ngx-ramblers.org.uk/how-to/committee/images/albums) article for a detailed guide.\n\n* ### [Index](https://ngx-ramblers.org.uk/how-to/committee/editing-content/example-pages/indexes)\nThis allows you to auto-generate a set of action buttons based on a collection of pages or albums elsewhere on the site. You can choose all or a subset. This row type is useful if you want to structure your content in a nested way throughout your site — e.g. have an index on a weekend break page, with links to an album of photos for each of the weekend breaks that are available. The index can also generate an interactive map with pins — if the child pages contain location rows, each page appears as a pin on the map, allowing visitors to navigate directly to a page by clicking its pin. See this in action on the Kent Ramblers [Recommended Routes](https://www.kent.ngx-ramblers.org.uk/walks/routes/recommended) page.\n\n* ### [Location](https://ngx-ramblers.org.uk/how-to/committee/editing-content/location-rows)\nLocation rows display geographic information for walking routes, showing start points (and optionally end points) with interactive maps, postcodes, grid references, and What3Words codes. When a page with a location row appears in an index that includes a map view, a pin will automatically appear on the map based on the location details. See the [Location Rows](https://ngx-ramblers.org.uk/how-to/committee/editing-content/location-rows) article for a detailed guide.\n\n* ### [Committee Documents](https://ngx-ramblers.org.uk/how-to/committee/editing-content/committee-documents)\nCommittee document rows provide a structured way to display and manage downloadable files such as meeting minutes, agendas, and reports — organised by date with access controls. See the [Committee Documents](https://ngx-ramblers.org.uk/how-to/committee/editing-content/committee-documents) article for a detailed guide.\n\n* ### [Shared Fragment](https://ngx-ramblers.org.uk/how-to/committee/editing-content/shared-fragments)\nShared fragments are reusable content blocks that can be embedded across multiple pages. Edit the fragment once, and every page that uses it updates automatically. See the [Shared Fragments](https://ngx-ramblers.org.uk/how-to/committee/editing-content/shared-fragments) article for a detailed guide.\n\n* ### [Map](https://ngx-ramblers.org.uk/how-to/committee/editing-content/map-rows)\nMap rows display interactive maps with walking routes loaded from GPX files. Routes are shown as coloured lines on the map with start/end markers, direction arrows, and optional waypoints. Supports both OpenStreetMap and Ordnance Survey map tiles. See the [GPX Route Maps](https://ngx-ramblers.org.uk/how-to/committee/editing-content/map-rows) article for a detailed guide.\n\n* ### [Area Map](https://ngx-ramblers.org.uk/how-to/committee/editing-content/area-maps)\nArea map rows display an interactive geographic overview of Ramblers group boundaries, showing coloured regions on a map with hover effects, labels, and optional click actions. See the [Area Maps](https://ngx-ramblers.org.uk/how-to/committee/editing-content/area-maps) article for a detailed guide.\n\n* ### Events\nEvents rows embed a live listing of walks or social events into any page, with configurable filters, search, and display options. See the dedicated [Events Rows](https://ngx-ramblers.org.uk/how-to/committee/editing-content/events-rows) guide for full details.\n\n> **Note:** The **Carousel** row type is being phased out and will be removed in a future update. The **Album** row type now accommodates all carousel functions and should be used instead.\n\n![](https://ngx-ramblers.org.uk/api/aws/s3/site-content/3d4b01a5-7315-4303-9386-e21df0dfd25a.jpg)","contentHtml":"<h1>Page Row Types</h1>\n<p>There are 10 row types that form the building blocks of a page, outlined as follows.</p>\n<ul>\n<li><h3><a href=\"https://ngx-ramblers.org.uk/how-to/committee/editing-content/existing-pages/text-rows\">Text</a></h3>\n</li>\n</ul>\n<p>A Text Row is designed for adding textual content into between 1 and 12 columns. A text row supports markdown formatting <a href=\"https://ngx-ramblers.org.uk/how-to/committee/learning-markdown\">as described here</a>. It also allows you to add an inline image after the text. When a row is inserted into a page it will by default be created with a single column which will take up the entire width of the Row. See the <a href=\"https://ngx-ramblers.org.uk/how-to/committee/editing-content/existing-pages/text-rows\">Text</a> article for a detailed guide.</p>\n<ul>\n<li><h3><a href=\"https://ngx-ramblers.org.uk/how-to/committee/editing-content/existing-pages/action-buttons\">Action Buttons</a></h3>\n</li>\n</ul>\n<p>Action buttons are designed to allow a number of buttons to be created on a page that when clicked will link you to other pages either internally, or externally to other websites. See the <a href=\"https://ngx-ramblers.org.uk/how-to/committee/editing-content/existing-pages/action-buttons\">Action Buttons</a> article for a detailed guide.</p>\n<ul>\n<li><h3><a href=\"https://ngx-ramblers.org.uk/how-to/committee/images/albums\">Album</a></h3>\n</li>\n</ul>\n<p>This is the primary row type for displaying photo collections. Albums can be displayed as a carousel, a gallery, or a grid. They can also link to a walk, social, or committee event and auto-generate links from the album title. See the <a href=\"https://ngx-ramblers.org.uk/how-to/committee/images/albums\">Albums</a> article for a detailed guide.</p>\n<ul>\n<li><h3><a href=\"https://ngx-ramblers.org.uk/how-to/committee/editing-content/example-pages/indexes\">Index</a></h3>\n</li>\n</ul>\n<p>This allows you to auto-generate a set of action buttons based on a collection of pages or albums elsewhere on the site. You can choose all or a subset. This row type is useful if you want to structure your content in a nested way throughout your site — e.g. have an index on a weekend break page, with links to an album of photos for each of the weekend breaks that are available. The index can also generate an interactive map with pins — if the child pages contain location rows, each page appears as a pin on the map, allowing visitors to navigate directly to a page by clicking its pin. See this in action on the Kent Ramblers <a href=\"https://www.kent.ngx-ramblers.org.uk/walks/routes/recommended\">Recommended Routes</a> page.</p>\n<ul>\n<li><h3><a href=\"https://ngx-ramblers.org.uk/how-to/committee/editing-content/location-rows\">Location</a></h3>\n</li>\n</ul>\n<p>Location rows display geographic information for walking routes, showing start points (and optionally end points) with interactive maps, postcodes, grid references, and What3Words codes. When a page with a location row appears in an index that includes a map view, a pin will automatically appear on the map based on the location details. See the <a href=\"https://ngx-ramblers.org.uk/how-to/committee/editing-content/location-rows\">Location Rows</a> article for a detailed guide.</p>\n<ul>\n<li><h3><a href=\"https://ngx-ramblers.org.uk/how-to/committee/editing-content/committee-documents\">Committee Documents</a></h3>\n</li>\n</ul>\n<p>Committee document rows provide a structured way to display and manage downloadable files such as meeting minutes, agendas, and reports — organised by date with access controls. See the <a href=\"https://ngx-ramblers.org.uk/how-to/committee/editing-content/committee-documents\">Committee Documents</a> article for a detailed guide.</p>\n<ul>\n<li><h3><a href=\"https://ngx-ramblers.org.uk/how-to/committee/editing-content/shared-fragments\">Shared Fragment</a></h3>\n</li>\n</ul>\n<p>Shared fragments are reusable content blocks that can be embedded across multiple pages. Edit the fragment once, and every page that uses it updates automatically. See the <a href=\"https://ngx-ramblers.org.uk/how-to/committee/editing-content/shared-fragments\">Shared Fragments</a> article for a detailed guide.</p>\n<ul>\n<li><h3><a href=\"https://ngx-ramblers.org.uk/how-to/committee/editing-content/map-rows\">Map</a></h3>\n</li>\n</ul>\n<p>Map rows display interactive maps with walking routes loaded from GPX files. Routes are shown as coloured lines on the map with start/end markers, direction arrows, and optional waypoints. Supports both OpenStreetMap and Ordnance Survey map tiles. See the <a href=\"https://ngx-ramblers.org.uk/how-to/committee/editing-content/map-rows\">GPX Route Maps</a> article for a detailed guide.</p>\n<ul>\n<li><h3><a href=\"https://ngx-ramblers.org.uk/how-to/committee/editing-content/area-maps\">Area Map</a></h3>\n</li>\n</ul>\n<p>Area map rows display an interactive geographic overview of Ramblers group boundaries, showing coloured regions on a map with hover effects, labels, and optional click actions. See the <a href=\"https://ngx-ramblers.org.uk/how-to/committee/editing-content/area-maps\">Area Maps</a> article for a detailed guide.</p>\n<ul>\n<li><h3>Events</h3>\n</li>\n</ul>\n<p>Events rows embed a live listing of walks or social events into any page, with configurable filters, search, and display options. See the dedicated <a href=\"https://ngx-ramblers.org.uk/how-to/committee/editing-content/events-rows\">Events Rows</a> guide for full details.</p>\n<blockquote>\n<p><strong>Note:</strong> The <strong>Carousel</strong> row type is being phased out and will be removed in a future update. The <strong>Album</strong> row type now accommodates all carousel functions and should be used instead.</p>\n</blockquote>\n<p><img src=\"https://ngx-ramblers.org.uk/api/aws/s3/site-content/3d4b01a5-7315-4303-9386-e21df0dfd25a.jpg\" alt=\"\"></p>\n"}