Skip to main content


         This documentation site is for previous versions. Visit our new documentation site for current releases.      
 

Configuring drag-and-drop functionality for list items

Updated on November 15, 2021

Configure repeating dynamic layouts so that users can reorder items within and between lists. By adding drag-and-drop functionality to your lists, you create an interactive user interface where users can modify content to match their business needs.

Before you begin: Configure the repeating dynamic layouts that you want to modify for drag-and-drop functionality:
  1. Create one or more repeating dynamic layouts in the design view editor. For more information, see Creating a repeating dynamic layout.
  2. Ensure that the layouts that you want to configure meet the following requirements:
    • For moving items within and between layouts, the layouts cannot use a read-only source.
    • For moving items between layouts, the layouts must source data from the same class.
    • For moving items between layouts, the layouts cannot consist of an AJAX container.
You can configure drag-and-drop functionality for all list orientations: vertical, horizontal, inline, and stacked.
  1. Open the section that you want to modify.
  2. Click a repeating dynamic layout, and then click the View properties icon.
  3. In the Repeating dynamic layout properties window, click the Operations tab.
  4. In the Drag and drop section, select the Enable drag to reorder items check box.
    This check box controls whether users can reorder list items within a single repeating dynamic layout at run time.
  5. Optional: To include the current repeating dynamic layout in a group in which users can move items between layouts, perform the following actions:
    1. Select the Allow drag drop between layouts check box.
    2. In the Group name field, enter a shared name for the group of layouts.
      At run time, users can move items only between the repeating dynamic layouts that share the same group name.
      For example: Repeating dynamic layouts A and B share the same group name, rdl-drag. Repeating dynamic layout C has a slightly different group name – rdl-dragX. As a result, at run time, users can move items between layouts A and B, but not to and from layout C.
  6. Click Submit.
  7. To enable moving items between multiple repeating dynamic layouts, repeat steps 2 through 6 for each layout.

Related articles

Creating a repeating dynamic layoutConverting sections to full section editor

Tags

Pega Platform 8.6 User Experience

Have a question? Get answers now.

Visit the Support Center to ask questions, engage in discussions, share ideas, and help others.

Visit the Support Center

Did you find this content helpful?

Yes
No

Want to help us improve this content?
Suggest an edit

We'd prefer it if you saw us at our best.

Pega.com is not optimized for Internet Explorer. For the optimal experience, please use:

Close Deprecation Notice
Contact us