Action.Show Element Example: Show/Hide a More Info Row
This example illustrates the use of the Action.Show element to show and hide a More Info Row within a Data Table. For more information, see Data Table Rows.
In the image shown above, the Logi Scheduler Console sample application displays two scheduled tasks. The Task Name is a link that can be clicked to show detail information,
as shown above. Clicking the Task Name link again hides the detail information. This is a handy way of making lots of information available in a Data Table when you have limited horizontal space on the page or a large number of data columns. Here's how this was done:
- In the example report definition above, an Action.Show element has been added as the child of the Label element used to display the data in the table's Task Name column, making the data itself a link.
- The new element's Element ID attribute value has been set to the name ("miTaskDetail"). This name will also be given to a More Info Row element added in the next step.
- The Display attribute's default value is Toggle, so it has been left blank.
- Next, a More Info Row element has been added to the table, as shown above.
- Its ID has been set to match the ID used in the previous step ("miTaskDetail") and its Show Modes attribute has been set to an arbitrary text value, None.
The More Info Row Column element can be used to closely align More Info Row columns with the columns of its parent table. When this element is used, the More Info Row element's Span First Column and Span Last Column attributes are left blank, and the More Info Row Column element's Column Span attribute is used instead to control spanning of parent table columns.
The More Info Row element has a Condition attribute, so you can conditionally include the element, for greater control over when the element can be seen, primarily when the More Info Rows are displayed by default.
Now, when run, the report will display its Data Table and clicking the Task Name will insert a row of additional detail information right below the row that was clicked, as desired. A second click will hide the detail information.