Page editor

Build pages from sections and blocks, choose who sees each block, preview both audiences, and restore an earlier version.

Pages in ClubPal are built from blocks arranged in sections. A section is a row of one or more columns, and each column holds the blocks that make up your content, such as text, images, and headings. This lets you lay out a page with, for example, an image next to a paragraph of text, rather than everything stacked in a single column.

The page editor is used for your custom content pages and for your homepage. A few older pages are still edited a different way, see Classic portlets for which ones and how.

Entering edit mode

1. Navigate to the page you want to edit.
2. Click Edit Page in the toolbar (available to users with the Manage Content permission).
3. The page enters edit mode. Every block gains a toolbar, Add Section and Add block buttons appear, and the edit bar appears across the top of the screen.

The edit bar

All the controls for an editing session live in one bar across the top of the screen, rather than in the page toolbar.

Adding a section

Every section is a set of columns, so adding one starts with a layout:

1. Click Add Section.
2. Choose a layout: Full width, 50 / 50, 33 / 33 / 33, 30 / 70, or 70 / 30.
3. The new section appears with an empty column for each part of the layout.

A section has its own settings, its layout and an optional border along the bottom, which is useful for separating one section from the next without adding a Divider block.

Adding blocks

Click Add block inside a column. A panel opens on the right listing every block you can add, grouped under Content, Members and Club, in alphabetical order within each group, with a short description of what each one does.

Click a block to add it just above the Add block button you pressed. Heading, Text and Image blocks open their settings straight away, since an empty one has nothing to show.

To find a block quickly, type in Search blocks. The list narrows as you type and matches on more than the name, so "video" finds YouTube and "spreadsheet" finds Markdown. When one block is left, press Enter to add it. You can also move through the list with the arrow keys and press Enter on the block you want, or press Escape to close the panel without adding anything.

The Upcoming, Member Summary, Login Buttons and Contact Form blocks are not limited to the homepage or the contact page. You can add them to any content page.

Blocks whose feature is switched off

Some blocks depend on a club setting. The Contact Form block needs Enable Contact Form? in Admin > Settings to be on. While a setting is off, its block is left out of the Add block panel, and any copy already on a page shows a notice explaining what to turn on, to people who can edit the page only. Visitors and members see nothing there at all, and the block keeps its settings, so switching the feature back on brings it back exactly as it was.

Featuring sessions and events

The Upcoming block can show a Featured list above its main list, for the sessions and events you most want people to notice. All the featured items are shown together, one row each, in the same style as the rest of the list.

To feature something:

1. Open the session or event on the date you want to promote.
2. Click the actions menu (the three dots) and choose Feature.
3. To take it off again, open the same menu and choose Unfeature.

Featuring applies to that one date only. For a session or event that repeats, the other dates are not featured.

The list shows the soonest featured items first, up to the Number of featured items to show set on the block (1 to 5, default 3). Items leave the list on their own once they have finished, and cancelled sessions and events, and unpublished events, never appear. When nothing is featured, the Featured list is not shown at all.

Featuring a session needs the Manage Sessions permission, and featuring an event needs Manage Events.

Showing where your club is

A Map block puts a Google map on the page, so a visitor can see where you play rather than working it out from a postcode in a paragraph of text.

1. Add a Map block to a column and click its pencil icon.
2. Type an address, postcode, or place name in Address or place name. Google works out where that is, so anything you would type into Google Maps itself works here.
3. Watch the preview under the field. It redraws as you type, and it is how you check the address landed in the right place before you save.
4. Drag Zoom to set how close in the map starts, anywhere from the whole world to a single building.
5. Choose a Height of Small, Medium, or Large to suit the column the map sits in.
6. Click Save.

The map fills the width of its column and carries no title of its own. Put a Heading block above it where the map needs one.

Writing in Markdown

A Markdown block is for content you would rather write as plain text than in the rich text editor, and for tables too big to build by hand: a results table, a fixtures list, a fee schedule, a club records board. Markdown is a simple way of marking up text, where **bold** is bold, # Heading is a heading, and a table is rows of cells separated by | characters. If you keep a table in a spreadsheet, you do not need to know the table syntax at all: copy the cells and paste them in.

1. Add a Markdown block to a column and click its pencil icon.
2. Give it a Card title if you want it shown as a card with a title bar. The title only appears when Show as card is on; without the card, put a Heading block above it instead.
3. Type or paste into Content. To bring in a table from Excel or Google Sheets, select the cells including the header row, copy, and paste them here. They are converted into a Markdown table as you paste, and you can edit the result. (If the paste was not a table after all, use undo to put the original text back.)
4. Check the preview under the field. It shows the block as it will appear on the page and updates as you type.
5. Choose how the tables behave, see Tables below.
6. Click Save.

Tables

Every table in a Markdown block gets the same treatment on the page, controlled by three switches in the block's settings:

Short tables are left alone: a four-row opening hours table does not gain a search box or a pager whatever the switches say.

How a column sorts is worked out from what is in it, so keep each column to one kind of value. Dates written as day, month, year (17/09/2026) are read that way. A -, n/a or DNF in a column of times or numbers is treated as blank and sorted to the end rather than turning the whole column into text.

On a phone, a wide table scrolls sideways within the page and its first column stays put, so a row keeps its name while the rest scrolls.

The block toolbar

Each block has a toolbar with four controls:

Choosing who sees a block

Every block can be shown to everyone or to just one audience. Click the visibility icon on the block's toolbar and choose:

• Everyone, the default.
• Logged in members, only shown to people who are signed in.
• Logged out visitors, only shown to people who are not signed in.

This means one page can serve both audiences. A signed-out visitor and a signed-in member can be shown completely different content without you maintaining two pages.

Visibility is set from this dropdown only. It is deliberately not in the block's settings dialog, since it is the setting you change most often while scanning a whole page.

Previewing each audience

Click Preview in the edit bar to see the page as a real viewer would, with the editing controls out of the way. A bar appears with a Previewing as dropdown, so you can switch between Logged in and Logged out and check that each one reads properly. Click Stop Previewing to return to editing.

There is no "Everyone" option to preview, because a real visitor is always either signed in or signed out, never both at once.

Reordering and moving blocks

Drag a block by its grip handle to reorder it. A block can be moved within its column, into a different column in the same section, or into a column in a different section. Sections themselves can be dragged to reorder them on the page.

Saving, cancelling, and unsaved changes

Changes you make in edit mode, adding, configuring, deleting, and reordering blocks, are not saved to the page immediately. They are kept in your browser until you save.

• Click Save in the edit bar to save all your changes and leave edit mode.
• Click Cancel to discard your changes. You will be asked to confirm, then the page reloads to its last saved state.
• If you try to leave the page or close the tab with unsaved changes, your browser warns you first.

Version history

Every time you save, ClubPal keeps a snapshot of the page. The most recent 20 versions of each page are kept, and older ones are removed automatically.

To go back to an earlier version:

1. Click Version History in the edit bar.
2. Pick a version from the dropdown. Each is listed with the date it was saved and the person who saved it.
3. The page shows that version in place so you can read it before committing to it. Nothing has changed yet.
4. Click Restore to replace the page's current content with the version you are previewing, or Close to go back to editing without changing anything.

Reverting a page

Revert to Default in the edit bar does different things depending on the page:

• On a content page, it clears the page completely, leaving it empty for you to build again.
• On the homepage, it puts the standard ClubPal homepage layout back. See Your homepage.

Permissions

Editing pages requires the Manage Content permission. See Content editing & navigation for what that permission covers and Permissions for how to grant it.

Frequently asked questions

Why can't I add a heading or image directly to the page?
Every piece of content lives inside a section's column. Add a section first, then add blocks to it.

What happens if I leave the page without saving?
Nothing is saved. Changes are only written to the page when you click Save, and your browser warns you if you try to leave with unsaved changes.

Can I recover an earlier version of a page?
Yes. Click Version History in the edit bar, preview the version you want, then click Restore. The last 20 versions of each page are kept.

Can two people edit the same page at once?
The editor does not merge changes from two people editing at the same time. If two people save around the same time, whoever saves last overwrites the other's changes.

Why does a block disappear when I preview the page?
Its audience does not match the one you are previewing. Check the block's visibility icon.