Working with Summary Links Widget - Akumina Community

Working with Summary Links Widget

You are here:

The Summary Links Widget (SLW) provides front-end content management and design without the need for the advanced concept of content apps or the need to manage multiple lists. The SLW is a powerful and versatile widget that allows you to easily create and edit content links, change content groupings, add a presentation layer, and order the display from the front-end.

To use the Summary Links Widget, the user must be in page edit mode.  Click on the edit page content button.

When a new SLW instance is added to a page, in page edit mode, it will display a message to “switch to edit mode” in the cell.

Remember to save the page after making changes to the SLW widget properties.

Manage Collections

Manage Collections allows the content author to create a collection of content from the front-end, which is stored in one list for all SLW instances. The SLW collection will automatically be updated on all pages where the same collection is used, allowing the content author to change the content once, and have the updates applied on multiple pages.

Clicking the gear will invoke the manage collections popup to select a collection or add a new collection.

Add a Collection

Click on “Add Collection” button.

Enter a Title for the new collection and click save.

After clicking save, the new collection will display on the page with the default presentation model including a default collection group and two default group links, as shown below. Note: The default group and links are only a preview of the presentation and are not editable items.  To add new groups and links to the collection, see the SLW Inline Editing section below.

 

Collection Title Display

When adding a collection, you can chose to display the collection title as the widget title or display the collection content without a title. The title display is determined by the checkbox “Use title as widget title”. By default, the content title is displayed and the “Use title as widget title” is checked. To remove the title from display, uncheck the checkbox.

In the example below, the content collection is using the default selection to display the widget title and the Corporate Policies title is displayed on the widget instance on the page.

In the following example, the same content collection has the “use the title as widget title” unchecked, and the Corporate Policies default content is displayed without a title on the widget instance on the page.

Editing a Collection

To edit an existing collection, select a collection and click the edit buttons to auto-translate, edit or delete.

Auto-translate a Collection

Clicking the globe icon will auto-translate the content to a multi-lingual version for all active languages.  Note: Auto-translate will only translate from the site specified default language.

After the initial auto-translated language version is created, if desired, the multi-lingual collection of items version can be edited separately creating a unique collection id and will not have automatic updates applied.

Editing a Collection Name

Clicking the pencil icon will provide a popup modal to change the collection title. The changes to the collection name will automatically be updated on all pages where that specific collection is used.

Deleting a Collection

Clicking the trashcan icon will provide a popup modal to alert all items in a collection will be deleted in all languages.

SLW Inline Editing

Clicking on the SLW widget instance, provides several editor features for inline editing to create and modify content.

The content author can easily modify new or existing content by using the edit widget properties. All inline editing capabilities, except configure display views, will automatically be updated on all pages where the specific collection is used, allowing the content author to change the content once for multiple pages.  Configure display views allows the same content to have a different presentation layer selected for each widget instance.

Remember to save the page after making changes to the widget properties.

Manage Collections

Clicking on “Manage Collections” allows the content author to create or change the collection, edit the collection name, remove the display of collection title, or delete the collection.

Add Link

Clicking on “Add Link” allows the content author to easily create content links and associate a description or image with the content.

 

  1. Add the link title
  2. Add a description
  3. Select the URL for the link (paste a URL or select a page)
  4. Select to open link in a new window or the same window
  5. Add a tooltip which will display on hover of the item
  6. Select an image using the dropdown folder
    • Select an existing image
    • Upload a new image
    • Click select
  7. Add alternative text to display for the image title
  8. Select the parent group for the link
  9. Click save

Add Group

Clicking on “Add Group” allows the content author to easily create a new content grouping.

  1. Add a Group Name
  2. Click save

Reorder Links

Clicking on “Reorder Links” allows the content author to easily reorder the sequence of content.

  1. Click on the up/down arrows to reorder groups and links.
    • Moving a group will move all the associated links with the group
    • Moving a link will move the link and change the associated group for the link
  2. Click save

Configure Display Views

Clicking on “Configure Display Views” allows the content author to easily change the presentation of the content by selecting a new view. Configure Display Views is specific to the SLW widget instance and will not be automatically updated across the pages using the same collection.

  1. Select a presentation layer view
  2. Click save

 

As shown below, the content presentation can quickly be modified by selecting a different view.

Feature Box View

Default Carousel View

Thumbnails View

Linked List View

Expanding List with Groups View

Expanding List with No Groups View

FAQ View

Call to Action View

Call to Information View

Note: The following views; Linked List, Thumbnails, Expanding List with no groups, Feature Box, and Default Carousel, work with links only.

Editing an Existing SLW

To edit the existing SLW groups and links, in page edit mode, hover on the group or link to edit. The edit and delete icons can be selected for the item to be modified.

Remember to save the page after making changes to the SLW widget properties.

The Summary Links Widget uses one common list SummaryLinks_AK to store content for all SLW instances.   
Views: 64
//]]>