Adding an AJAX container

Add an AJAX container to a layout to group documents such as work items, cases, and harnesses. The AJAX container is not tied to any specific panel of a screen layout.

  1. On the Design tab, click the Layout control group.
  2. Select the AJAX container control, and drag it into a section.
  3. In the AJAX Container Settings window, configure the AJAX container:
    1. Optional: In the Default view drop-down, select what you want to display within the container.
    2. Optional: To use tab navigation between multiple documents, select the Show as tabs check box.
    3. Optional: In the Maximum Documents drop-down, select how many documents the container can hold.
    4. Optional: To specify the container as a target for secondary content launched within a harness, select the Mark as secondary container check box.
      Configure the respective sections to launch in the secondary container. Follow the steps from 3.e to 3.j.
    5. In the form that you are editing, click the chosen section and click the View properties icon.
    6. On the Actions tab of the Properties panel, click Create an action set.
    7. Click Add an event and select an event that the application user will perform, such as Click or Hover.
    8. Click Add an action > All actions > Section and select the Load in secondary container check box.
    9. Click Submit.
    10. On the Section form, click Save.
    11. Optional: In the Accessibility section, set the Aria Role parameter to Presentation or Main.
      For a description of the various role types and subsequent values, go to the World Wide Web Consortium website.
  4. Click OK.