Mobile UI Overview#

This tutorial explains the basic structure of the mobile user interface (Mobile UI) of the webvis-app viewing a 3D Space. The figure shows the most important UI components.

Click on the respective links for more detailed information.


  1. Tree View tab.

  2. Clipplane tab.

  3. Snapshot tab.

  4. Tree View of the model.

  5. Notifications and Context Menu

  6. Gizmo for orientation.

  7. Submenu for different Tools. See Mobile UI Tools.

Mobile Context Menu#


The Context Menu button contains three functions: 1. Showing all parts. 2. Hiding all parts. 3. Selecting all parts.

Furthmore it links to the Settings and about dialogs.



The dialog shows the various settings and configurations, which can be set and edited.


The Mobile UI Tool menu shows different functions and tools.


  1. Button to create or join a session. Refer to the Session tutorial for more information.

  2. FitView: Fits the view to the model.

  3. Changes the renderMode to FacesTopology, see RenderMode

  4. Augmented Reality (AR) button.

  5. Full screen mode (not available on iOS)

  6. Add menu for data, clipplanes and snapshots. (See below.)


The added data is shown in the treeView, wheras the clipplanes and snapshots are shown in the tool tab respectivly:



Did you find this page useful? Please give it a rating:
Thank you for rating this page!
Any issues or feedback?
What kind of problem would you like to report?
Please tell us more about what's wrong: