Configuring Chart Shade Buttons

Before you can set the color palette for the Chart Shade component, add and configure Hatch button and Color button. After the component is configured, the buttons enable you to manipulate chart shading.

*  To add and configure the Chart Shade buttons:

  1. In Interactive Reporting Studio, open a dashboard that contains the Chart Shade component.

  2. Select the frame on which to add the buttons, and press Ctrl+D to enter Design mode.

  3. From the catalog pane, expand Graphics, and drag a picture object onto the frame.

  4. Navigate to chartshade_custom.bmp in the Chart Shade component directory, and position the button on the dashboard toolbar.

  5. Double-click the button.

    Properties is displayed.

  6. Enter pic^Qiq_chartshade^hatch as the object name, and click OK.

  7. On the frame select the button, right-click, and select Scripts.

    Scripts Editor is displayed.

  8. In Scripts Editor, perform an action:

    • Enter this line of code

      ActiveDocument.Sections[txlMe.Text].Qiq_onControlClick(this.Parent,this)

    • Copy and paste the line of code from another button on the toolbar to avoid data entry errors

  9. Click OK.

  10. Repeat steps 3–9 to select chartshade_standard.bmp, and enter pic^Qiq_chartshade^color as the object name.

  11. Optional: Add, configure, and name the corresponding gray buttons for the not selectable state.

  12. Press Ctrl+D to exit Design mode.

    The buttons are configured and can be tested.

  13. Save the dashboard.

Note:

The Chart Shade component works only on associated charts. If charts have not been associated, open Dashboard Studio, and move to the Associate step, and click Associate button to associate the embedded objects (buttons).

Optional: An alternative way to configure the images is to select View, then Unhide Sections, and select Qiq_chartshade. Enter Design mode, copy the buttons from the toolbar, and paste them onto the dashboard frames that will utilize the buttons. Exit Design mode and save the dashboard.

Proceed to configuring the color palettes for the component.