Configuring the tab control web extension

  1. Insert the TabControlReact web extension into the A2:L2 cell range.
  2. In the Format Web Extension dialog box, specify these values:
    Theme
    Specify ="Vibrant".
    Mode
    Specify ="Light".
    Layout
    Specify =”horizontal”.
    List of items
    Specify =B61:B68.
    Item Data
    Specify =B60:I68.
    Selected Item
    Specify =ReportVariables.Selected.Text.
  3. In the B61 cell, define an action with these values:
    • Actions
      Type
      Specify Set parameters.
      Condition
      Specify =TRUE.
      Mode
      Specify Web extension.
    • Parameters
      Name
      Specify TabOneActive.
      Property
      Specify Value(.Text).
      Value
      Specify =TRUE.
      Name
      Specify TabTwoActive.
      Property
      Specify Value(.Text).
      Value
      Specify =FALSE.
      Name
      Specify TabThreeActive.
      Property
      Specify Value(.Text).
      Value
      Specify =FALSE.
      Name
      Specify Selected.
      Property
      Specify Value(.Text).
      Value
      Specify =Actions.Input.Text.
  4. In the B64 cell, define an action with these values:
    • Actions
      Type
      Specify Set parameters.
      Condition
      Specify =TRUE.
      Mode
      Specify Web extension.
    • Parameters
      Name
      Specify TabOneActive.
      Property
      Specify Value(.Text).
      Value
      Specify =FALSE.
      Name
      Specify TabTwoActive.
      Property
      Specify Value(.Text).
      Value
      Specify =FALSE.
      Name
      Specify TabThreeActive.
      Property
      Specify Value(.Text).
      Value
      Specify =TRUE.
      Name
      Specify Selected.
      Property
      Specify Value(.Text).
      Value
      Specify =Actions.Input.Text.
  5. In the B65 cell, define an action with these values:
    • Actions
      Type
      Specify Set parameters.
      Condition
      Specify =TRUE.
      Mode
      Specify Web extension.
    • Parameters
      Name
      Specify TabOneActive.
      Property
      Specify Value(.Text).
      Value
      Specify =FALSE.
      Name
      Specify TabTwoActive.
      Property
      Specify Value(.Text).
      Value
      Specify =TRUE.
      Name
      Specify TabThreeActive.
      Property
      Specify Value(.Text).
      Value
      Specify =FALSE.
      Name
      Specify Selected.
      Property
      Specify Value(.Text).
      Value
      Specify =Actions.Input.Text.
  6. Select the B65 cell and copy it.
  7. Select the B66:B68 cell range, right-click it, and select Paste Special > Actions.
  8. Save and view the report in a web browser.