Skip to main content

Component Tree

The component tree shows all of the components within your Dais app.

The components can be expanded or collapsed as required down to "Leaf components"

UI Layout​

The component tree is split into 3 major sections, the Left Hand Side (LHS), the Middle section, and the Right Hand Side (RHS).

All of the child components in these 3 sections of the app are shown in the tree view where you can navigate to the desired component.

Control / LHS Holder​

The control section is on the left side of the app.

The control section should house information such as:

  • High level configuration options for the model.
  • Any inputs that interact with the visualization in the middle/canvas section

Canvas / Middle Holder​

The Canvas is the largest section of the application.

This is where the majority of visualizations or large components that require interaction should go. This is a good place for charts, tables, or Gantt chart type components.

Details / RHS Holder​

The details section is on the RHS of the app.

This is where would you house supplementary information for the canvas, or more detailed information about anything selected in the canvas. An example of this is more information about a ship that is selected on a Gantt chart in the canvas.