Implementing Multiple Hotspots for Grid Rows

You can add container group boxes to organize grid columns into "hotspots," or clickable areas. Then, you add a hidden trigger field (a hyperlink or push button) to each group box to define the hotspot's action.

To create multiple clickable hotspots in grid rows:

  1. Within the grid, insert a group box before the grid columns to be included within that hotspot.

    1. On the Fluid tab of the group box's properties, set the type to Container or Default.

    2. Also, select the Capture Trigger check box.

  2. Within that group box, insert a push button/hyperlink control:

    Note:

    The order of this trigger control within the group box does not matter.

    1. On the Type tab, ensure that the destination is PeopleCode Command.

    2. On the Use tab, select the Execute PC on Row/Group Click check box.

    3. On the Fluid tab, stylistically hide the control using psc_hidden.

  3. Ensure that all visible columns within the hotspot are set to display only and are not interactive.

  4. Repeat steps 1 through 3 for each hotspot within the grid.

Additional Considerations

When implementing multiple hotspots for grid rows, consider this additional information:

  • Multiple hotspots and the row click action are mutually exclusive features. You cannot implement both on the same grid.

  • The hotspot is rendered in HTML with the ARIA role="button". If link is a more appropriate term for screen reader users, or if further explication is required, use the PeopleCode API Reference: AriaAttributes property: Field class property of the Field class to describe the ARIA role. For example, either of the following will more accurately describe the control to screen reader users: 

    &fld.AriaAttributes = "aria-roledescription='information button'";
&fld.AriaAttributes = "aria-roledescription='link'";