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 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

  • 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.

  • 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

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

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

Last updated