Links List Module Documentation

Introduction

Group Package 1 websites contain a mix of default verbiage and imagery, with your group's details. This is managed for you by Scouts Online. There is no ability change the settings.

If you'd like to upgrade to a higher package level, please contact us.

The Links List module is used to display lists of hyperlinks with many different look-and-feel layouts.

Hyperlinks can be linked to pages on your website, pages on other websites, or documents. When you add a Links List module to your own pages, the style will be set based on the area of the screen you place it.

Use Cases

The following panels show specific tasks. Click on a panel to see the procedures.

Setup a Basic Links List

Setup a Links List module, or add one to your own page.

Setup a Links List module, or add one to your own page.

To edit a module, follow these steps:

Click the settings below the module and override the default settings (see here) or add a module to your own pages, using the Page Designer
Select a Style. Try different styles to see which looks the best for your scenario.
The Container Style can complement the initial Style field, so try them
Tick Hide Bottom Margin if you want the module below to appear without a spacer between them.
Set the Animation Fields as required
Set the Links list:
- The Title field should hold a suitable display name for your link
- The Hyperlink field can hold the URL or a page on your website, a page on another website, or a document link.
  When linking to pages/documents on your website, it's good practice to use the Virtual Path (starting with ~/) to ensure links still work should you change your domain name.
  When the website visitor clicks the hyperlink, it will open the web page/document.
- The Image URL fields may be the Full Page or Virtual Path of an image, shown in the 'Header Details' tab of an image in the Admin/File Manager
- Some of the Styles may display the Description. Set it to show the description in that case.
- The display of an image can be limited to the sections you have. This is set in the Section Type field.
Links may be moved up or down the list using the and buttons.

To remove an link, simply remove the Hyperlink.
Click to keep your changes or to abandon your changes

NB. If you make a mistake, you may reverse the change in the Admin/Admin Audit Trail

Fig. 1: Settings fields

Change Link List Style

Change the Style and Container Style on a Links List module.

You may change the Style and Container Style on a Links List module to suit your purposes.

Examples of some of the styles are shown to the right and bottom of this page.

To edit a module, follow these steps:

Click the settings below the module and override the default settings (see here) or add a module to your own pages, using the Page Designer
Select a Style
Select a Container Style
Click to keep your changes or to abandon your changes

NB. If you make a mistake, you may reverse the change in the Admin/Admin Audit Trail

Fig. 1: "Vertical - Menu" Style + "Side Menu" Container Style

Fig. 2: "Vertical - Slim" Style + "Resource Links" Container Style

NB. You may notice 2 icons on the right of the bottom two links. These indicate a link to a different website and a link to a document.

Fig. 3: "Vertical - Image Background + Text on the Right" Style + "None" Container Style

Fig. 4: "Vertical - Image + Text on Alternate Sides" Style + "None" Container Style

Fig. 5: "Horizontal - 2 Wide" Style + "None" Container Style

Fig. 6: "Horizontal - 4 Wide" Style + "None" Container Style

List Files in a Folder

Display a list of files from a File Manager folder, with links to open the files.

Display a list of files from a folder within Your Files in the File Manager folder.

You could use this feature to create and maintain dynamic Link Lists on a member page by simply uploading new files. For example, you could set up a Links List module to display AGM Documents or Risk Assessments from a folder in your Admin/File Manager

You could also combine a list of links with a list of files from a folder.

To setup a folder to display, follow these steps:

Click the settings below the module and override the default settings (see here) or add a module to your own pages, using the Page Designer
Set the Style and Container Style fields according to your preferences
In the Folder Path field, enter the path to the folder in Your Files within the Admin/File Manager. See Fig. 1.
NB. If you are adding the Links List module to a page under the Sections menu, your user record will need either Site Admin or Section Admin rights for the sections, in order to set the folder for that section. For example, only users with Cub Section Admin rights can configure the module to display files from the /Cubs folder.
If you also want to display files from child or sub-folders, tick the Include Sub-Folders field.
Click to keep your changes or to abandon your changes

NB. If you make a mistake, you may reverse the change in the Admin/Admin Audit Trail

Fig. 1: Links List Module: Folder Path Fields

Fig. 2: Horizontal Image Links

Fig. 3: Resource File Links

Fig. 4: Alternate Image File Links

Links to SharePoint Documents

Show links on your website to open documents on your SharePoint, Google Drive or other online file storage website.

If you store documents on a platofmr like SharePoint, Google Drive or similar, you can add a links to those document in a Links List module on your website.

NB. Your SharePoint site controls who can access the document. If a website visitor clicks on the link to a private document, and isn't logged into your SharePoint account, they will be prompted to log in.

To do this, follow these steps:

Get the SharePoint Document Link:
- Login to your SharePoint site and navigate to the Documents page
- Find the folder containing the file you want to link to
- Click the ... (ellipsis) icon next to the file and select "Copy link"
- This will copy the link to your clipboard in the following format: https://YourSharePoint.sharepoint.com/:w:/s/Scouts/Abc01ab_a1BCd2a23bcDe1AB2CDeFGH3Ij4klMnOPqrStuVw?e=1AbcD2
Add the Link to Your Website:
- Log in to your Scouts Online website and open the page where you want to add the link
- Click the settings below the Links List module and override the default settings (see here) or add a module to your own pages, using the Page Designer
- Set the Style and Container Style fields according to your preferences
- In the Links table:
  - Enter a description of the document in the Title field
  - Paste the URL you copied from SharePoint into the Hyperlink field
- This will appear similar to Fig. 2 below
- Click to keep your changes or to abandon your changes
- NB. If you make a mistake, you may reverse the change in the Admin/Admin Audit Trail

Fig. 1: Link to a SharePoint Document

Fig. 2: Settings Fields for a SharePoint Document Link

Scouts Online Facebook Page

Scouts Online YouTube Channel

Links List Module Documentation

Introduction

Follow Us

Scouts Online