Page Comparison

The Common Links Widget is a CMS Widget that allows you to include menu items as buttons in on a CMS page. They are a feature included in the default configuration of the home page too. Common Links can be fixed for all viewers of a page, or be different depending or dependent on the viewing user’s role on the website.

...

1. In a new block or column, click “Widget”.

   

2. Select “Common Links” in the Widget list.

   

3. Click “OK”.

   

4. Hover over the widget and click the “Cog” in the top right-hand corner.

   

5. Complete the Wizard:

   

   1. Mode: Select the Mode of the Widget:

      1. Links appropriate to role: The displayed links that are displayed will depend on who is logged in and which roles they hold. See the section below for setting these up.

      2. Custom Links: If this Mode is selected, the Links displayed will be the same for all users.

   2. Plus: If “Custom Links” was chosen, click the green plus button to add links.

      1. Complete the Wizard:

         

         1. Link: Select a Menu Item or CMS page to link to.

         2. Caption: The title of the link. This will fill in when a Link has been chosen but can be edited.

         3. Description: A short description of what page the link goes to. This will fill in when a Link has been chosen but can be edited.

         4. Icon: This will fill in when a Link has been chosen, but can be changed for a different Icon.

         5. Link URL: This will display Enter the destination URL that for the link will take the user to when clicked.

         6. OK: Once happy with the details, click “OK” to save the Link.

      2. Repeat to add all links.

   3. Reorder: Click to drag and drop to change the links into a different order.

   4. Colours: Set the colours for the widget.

      1. Icon: Select the a colour for the Icon next to the Caption will be.

         1. Default: The default colour settings for the widget.

         2. Reference Colour: Select a colour based on the Primary or Secondary colour, as set in Site Styles & Colours.

         3. Select Colour: Select any colour from the colour picker. You can also set the opacity using the slider to the right of the picker.

         4. Black: Set the colour to black.

         5. White: Set the colour to white.

      2. Caption: Select the colour for the Caption at the top of the widget will be.

      3. Underline: Select the a colour of for the line beneath the Caption will be.

      4. Text: Select the text colour for the widget.

      5. Background: Select the background colour of the Links.

      6. Border: Select the colour of the border around each Link.

   5. Dimensions: Set the dimension settings for the widget.

      1. Margins: Set the margin around each link. You can change the unit from the dropdown.

   6. Page Jump Links: You can add a button at the top of the page to jump to this component when clicked. Enter the link name (for the link itself) and the caption (for the button).

   7. Device Visibility: Select whether this This page element is visible when viewed can be hidden on devices of different sizes by de-selecting the appropriate options. E.g. if you do not want it displayed on mobile phones, de-select the "Phones" option..

   8. Custom CSS: If you have added any custom CSS in Site Styles & Colours, you can add CSS classes here that you want to be applied to this component.

   9. OK: Once happy with the Widget settings, click “OK” to save.

...

1. Navigate to Admin > Page Customisation > Configure Home Page Links.

2. Role: Select the Role you want to assign links to, and then click “Configure”.

   

3. Add: Click the green “Add” button to add links to the appropriate role.

   

   1. Complete the Wizard:

      

      1. Link: Select a Menu Item or CMS page to link to.

      2. Caption: The title of the link. This will fill in when a Link has been chosen but can be edited.

      3. Description: A short description of what page the link goes to. This will fill in when a Link has been chosen but can be edited.

      4. Icon: This will fill in when a Link has been chosen, but can be changed for a different Icon.

      5. Link URL: This will display Enter the destination URL that for the link will take the user to when clicked.

      6. OK: Once happy with the details, click “OK” to save the Link.

   2. Repeat to add all links. For the best results, don’t have more than 4 or 5 links per role.

4. Position: The order of the links can be changed, by using the red arrow to move the link down one position, and the green arrow to go up one position.

   

...