3-Column Text and Link Repeating Group

Overview

This module allows a user to view a list of things and to click on the ︙icon to edit or delete an item via a menu focus group. For more information on how to use menufocusgroups, please click here.

Structure

• When this module is added to a page, it is placed within a group called Group page860Group on the page. This group contains the responsive settings for all modules.

• This module contains three main groups:

  • Group verticalPadding 1 - For responsiveness (please do not delete)

  • Group verticalPadding 2 - For responsiveness (please do not delete)

  • Group 780StandardGroup - If you add more elements to the group, please ensure that they are contained within this main content group.

• This module contains the menufocusgroup2 reusable element. This reusable element contains all the additional actions you can perform (e.g., edit data, delete data, and more)

• All data is displayed in RepeatingGroup 780-1Column

How to set up

• Go to the page where you have added the module and update RepeatingGroup 780-1Column's data source

Update data source

• Update the data source of the texts and links in the module.

• Remove Button ADD or add a workflow to the button

• Open menufocusgroup2 and modify the type of content displayed in the reusable to be whatever object for which you want

Update reusable data content

• Open GroupFocusUser and modify the type of content displayed. The data source should be set to menufocusgroup2 reusable's data.

• Under elements tree, you can view hidden menu options within the GroupFocusUser menu. Simply click on Group Option X and check or uncheck the settings for This element is visible on page load to show or hide a menu option.

Hide or show menu options

• Update the workflows for when Group Option X is clicked

• For more information on how to use menufocusgroups, please click here.

How can I hide columns?

• Go to the page where you have added the module and in the Bubble Editor click on the Responsive tab next to UI Builder

Responsive view in the editor

• Using the ruler at the top (<-->), adjust the page width to the width that you want the column to hide at

Adjust the page width in the responsive editor

• Click on the element or column you want to hide at that page width and check the settings for hide when parent width <= WIDTH