I have a requirement to display the results of a query using a Content Row layout. Each row represents a “master” record and contains an Expand link. When the user clicks Expand, the content row should enlarge and reveal two additional Interactive Reports. These two reports act as detail regions.
Multiple content rows must be displayed on the page at the same time, and more than one row must be expandable simultaneously. When multiple rows are expanded, each expanded row should show its own two detail reports, filtered according to that specific master row.
I can get this working for a single expanded content row by moving the interactive reports (which are in a hidden region) into the content row via JavaScript. However, this approach does not work when multiple content rows are expanded simultaneously.
What would be the recommended approach to support multiple expandable rows, each showing its own correctly filtered pair of interactive reports?