Add Graphic Links to a Page

Prev Next

This article will show you how to add Graphic Links to a page on your site.

Who can use this feature?

System Administrator | Owner | Publisher | Author  

Instructions

  1. Sign in to your site

  2. Navigate to the page where you’d like to display a Graphic Links item and ensure Live Edit is On:The Live Edit status for a page is toggled to ON and highlighted.

  3. Navigate to the Widgets tab and click the Modules subtab:The Live Edit pane on the Widgets tab with the Modules subtab selected.

  4. Drag and drop the Graphic Links widget onto your page:The Graphic Links widget being drag and dropped from the Live Edit panel to the page.

  5. Fill in the fields:The Graphic Links widget options screen with various fields and toggles displayed.

    • Skin: Appearance of the widget

    • Header Text: Title of Graphic Links section

    • Show Header: Selectable checkbox to display header text

    • Option Set: Choose the desired option set

    • Display: Select how many links to display at one time

    • Category: Select the category

    • Advanced:The Advanced widget options for Graphic Links with various toggles and fields displayed.

      • Render as List: Causes the Graphic Links widget to render items as a list for group links

      • Widget Breakpoint: Width at which the widget switches from a narrow to a wide view

        Note:

        Reducing this value to 20 to 25 em should cause the buttons to display horizontally unless the screen is narrower than 20 to 25 em.

      • Push: Decide if you want to apply the settings for this widget to all versions of this page and/or if you want to place a copy of this widget on all the subpages of this page

      • Push Options: Determines which side of the existing widgets it will place this widget when pushing to the other versions/subpages

  6. Click the Close (X) icon to close and save:The Graphic Links Widget Options screen with the Close (X) icon highlighted.

  7. Click Save Page:The Save button in the top right corner of the page.