Skip to main content

Custom Pages

Custom pages are webpages that you can create to enhance your forum. Each new custom page is essentially blank (void of content) and ready to be coded using HTML, CSS, JavaScript, and the ProBoards global variables. Adding custom pages as part of your forum allow you to create a small website for your community.

tip

A custom page can be designated as the landing page for your forum.

Adding a New Custom Page​

Click on the floating action button to open the New Custom Page dialog box.

add new page dialog box

Name
The name of the custom page. You may use letters, numbers, spaces and special characters in this field.

URL
The URL of the custom page. This field will auto-populate with the matching value from the Name field. You may enter a different URL value or leave unchanged. The URL field must follow URL path naming conventions.

Note

The page URL is a direct link to your custom page. Your forum domain URL + /page/ are static and cannot be changed.

Custom Page Framework​

Each new custom page automatically includes the following core elements of your forum:

  • Top User Bar
  • Navigation and Account Sidebars
  • Forum Header and Footer sections
  • Navigation Tree
  • Shoutbox (when enabled)

Managing Custom Pages​

The Custom Pages List​

As custom pages are created, they will be listed alphabetically in the custom page list.

The Name and Permissions columns are sortable. Click on a column title to sort by that column. Click the column title again to toggle between ascending and descending order.

custom pages list sample

Name
The name of your page. Click the name to edit the page.

URL
The web page name of your page. This plus the forum URL completes the full link to your custom page. Click the URL to open a live version of the custom page.

Permissions
Displays a label indicating the page's view permission.

Building Your Custom Page​

Click on a page name to edit the page and display the Code Panel for inputting your custom page code. Building a custom page requires basic knowledge of HTML and CSS. (See External Resources for code reference and learning websites.)

Editing Your Custom Page​

Click on a page name in the custom pages list to edit its name, URL, permissions, or code (content). (See Editing a Page)

Deleting a Custom Page​

Click the trash can icon located to the far right of the custom page list item. In the confirmation box click Yes to delete or No to keep the page.