On this page


When simulating a model with a UI mockup, Time Series Chart, Timeline Chart, or HTML Table, you can open a UI or index UI window during model execution. These windows display all UI elements of the executed Simulation Configuration and have a control panel allowing you to start, pause, resume, or terminate the simulation. The benefit of using an index UI window is that it allows you to reorder and resize each individual UI since they are displayed in separate boxes, as shown below.


A UI index window where you can reorder and resize all existing UIs.


To run the server-side simulation with UI


  1. In your modeling tool, open the User Interface Modeling Diagram where the relevant UI elements are displayed.
  2. In the diagram toolbar, click and select Generate and Attach HTML. For more information see Auto-generating HTML files.
  3. Commit the changes to Teamwork Cloud.
  4. Run the simulation on the server in one of the following ways:

Saving Time Series and Time Line Chart data

Time Series and Timeline Chart data is exported to HTML/CSV and stored in the Documentation property of the result Instance Specification when all of these conditions are met: 


Supported UI types

During server-side simulation, you can open the following UI types:

  • UI Mockups including Frame, embedded Widgets, and Image Switcher.



  • Timeline Charts displaying Activity and State plots. Numeric, boolean, and enumeration value plots cannot be displayed. In addition, Requirements and Constraint failures are not annotated. 

    Timeline Charts do not need to be generated and attached to a Teamwork Cloud project.



  • Time Series Charts which are updated in real-time during simulation. Note that Requirements and Constraint failures are not annotated in Time Series Charts.

    Timeseries Charts do not need to be generated and attached to a Teamwork Cloud project.



  • Tables created in a User Interface Modeling Diagram. Learn how to Create UI tables that can be viewed as HTML in an internet browser.



  • Animated Diagrams which are updated in real-time during simulation. Learn which diagram types are supported and how to create a UI Mockup with a diagram.



    Structured diagrams with nested property paths are not supported.