Add icons in table - event action in constellation

User Experience
, , , , , ,
1

I have implemented default search functionality in Constellation. Search retrieves list of records and allows to select one. I want an icon to be added to the end on each row and with click of it should open pop-up window to show details or by click of the icon row should expand to display the details.

any suggestions in 24.2?

2

@kirant33Hi, To add an icon to each row in a table in Constellation (24.2), include an extra column in the table layout and use the Icon control. Configure the icon with a click event using the Event-Action framework. For a pop-up, use the Launch Local Action or Open Modal Dialog action, passing parameters to display detailed information. For row expansion, toggle visibility or set a condition to display additional details below the row. Ensure the data for details is fetched using parameterized data pages for efficiency, and test the functionality to confirm the icon actions work as expected

3

@Sairohith Hi, There is no option to add icon to the table layout and configure event-action like click of button / icon on the search view. As the view getting generated when search initiated.

4

@kirant33

I think it’s not feasible currently and could impact accessibility requirements.

This may require a custom DX component to achieve this requirement(Click on the icon to show a modal dialogue or expand to show additional details).

5

@kirant33 Hi, In Constellation 24.2, it is not possible to directly add an icon to a dynamically generated table layout and configure event-action, like clicking a button or icon, since the view is created dynamically when the search is initiated. As a workaround solution you can modify the data source to include a column for actions and use a static table layout instead of relying entirely on the dynamic search view. Another option is to predefine the table structure with placeholder icons and bind the data dynamically when search results load. If customization is allowed, you could build a custom component in React to render the table and manage click events for the icons. These options require adjustments to the way data is presented and may need collaboration with the development team to ensure proper implementation. Let me know if you have any questions, thanks