Multiselect control isn't getting rendered inside repeating table grid.

  1. Multiselect control has been added inside a repeating table grid.

  2. Section was compiled and saved properly without any issue or error.

  3. From Case type UI the blank screen is getting show.

P.S. Repeating dynamic grids can not be used as these sections are getting generated from app studio.

@JyothiP16784536 :warning: This is a GenAI-powered tool. All generated answers require validation against the provided references.

This appears to be a known compatibility challenge between certain complex UI controls and repeating table structures in Pega.

Analysis of the Issue

Based on your description, I’ve identified what’s likely happening:

When a multiselect control is placed inside a repeating table grid, the control’s rendering mechanism conflicts with the table grid’s dynamic generation process. Although the section compiles without errors, at runtime the browser fails to properly instantiate the multiselect components within each repeating row, resulting in the blank screen you’re experiencing.

This is particularly challenging since you mentioned that repeating dynamic grids cannot be used as these sections are being generated from App Studio.

Potential Solutions

Here are several approaches you might consider:

  1. Use Optimized Table Instead
    Convert your current table to an optimized table grid, which handles complex controls more efficiently and has better rendering capabilities.
  2. Alternative Selection Method
    Replace the multiselect control with checkboxes for multiple selection functionality. This provides similar functionality but uses simpler UI components that have fewer rendering issues in grid contexts.
  3. Control Placement Modification
    Move the multiselect control outside the repeating structure, perhaps as a filter or selection mechanism that acts upon the grid data rather than being contained within it.
  4. Dynamic Container Approach
    Implement a dynamic container with an embedded list instead of a repeating table grid. This alternative structure may better support complex controls like multiselect.
  5. Two-Step Selection Process
    Implement a solution where users select rows in the grid first (using checkboxes), then perform an action that opens a modal or separate section with the multiselect control.

Technical Considerations

  • Form fields in tables are generally not recommended in Pega for accessibility reasons
  • Complex UI controls like multiselect can create rendering challenges in tabular contexts
  • Consider using the pxDropdown control as an alternative if a dropdown-style interface is needed

References: