3D viewer HTML workflows
  • 22 May 2024
  • 3 Minutes to read
  • Contributors
  • Dark
    Light
  • PDF

3D viewer HTML workflows

  • Dark
    Light
  • PDF

Article summary

Video showing features

How to identify 3D content

Within the HTML environment 3D content can be accessed when ever you see:

3Dviwer1
When looking at items the Data view Tab will be display 3D in the top right hand corner.


How to view 3D files

Clicking on the 3D tab will take you to a 3D view of the item.


How to Manipulate 3D geometry

Once the selected item is shown in 3D control icons will appear down the right side of the screen. These buttons are.

3Dviewer2


  1. [1] Home

Returns the view to the initial view it was exported from the CAD Add-in and scale

  1. [2] Standard views, Shadow On/Off, Cycle Selection

  • Standard views are, Top, Left, Right, Back, Front and Bottom. Click on the name will change the view
3Dviewer3


  • Shadow On/Off

Turns the shadow under the model on or off

3Dviewer4

Shadow off


3Dviewer5

Shadow on


  • Cycle Selection, visible once you have selected an item in the grid view that appears in the grid more than once. The control appears to be able to cycle through the different instances of the item. once all the instances have been cycles through all instances are shown
3Dviewer6


  1. [3] Full screen mode On/Off

Full screen mode either shows or removes the menu from above and the property card from the left of the screen. If the Grid view below is visible it will remain visible.

3Dviewer7

Normal view


3Dviewer8

Full screen


  1. [4] Grid View On/Off

In the bottom right hand corner the Grid can be either shown or hidden.

3Dviewer7

Grid view turned off


3Dviewer8a

Grid view turned on


How to Interact with the 3D model

Mouse buttons

  • left mouse button

holding down the left mouse button and moving the mouse rotates the 3D model about a pivot point

  • Center mouse button (or scroll wheel)

holding down the centre mouse button and moving the mouse forward and back zooms in or out of the model. Alternatively if your mouse has a scroll wheel scrolling the wheel in and out zooms in and out of the model.

  • Right mouse button

holding the right mouse button down and moving the mouse pans the model around at the same scale


Right Mouse click functionality

First use the mouse to select one of the items in the view. The item selected will be highlighted with a white outline. Now if you right click the mouse you will see an options menu.


3Dviewer9


  • Open property card

Selecting Open property card will display the property card for the item in the middle of the screen

  • Pivot

Pivot sets the point for which the whole model will rotate around when using the left mouse button rotate.

  • Isolate

Isolate makes all the other items in the window transparent highlighting the item selected.

  • Hide selected

Hides the item you have selected

  • Show All

Show all returns the model to normal, all items are unhidden.

  • Unselect

Removed the white outline around the item you clicked on


Item identification

It is possible to identify an item at the part level by selecting it in the window with your mouse. If you have the grid view open (Button 4, in the bottom right corner of the screen) the item will be highlighted in place in the structure in the grid.

The selection also works in reverse. Select apart item in the grid and the corresponding item will be highlighted with a white line around it in the graphics window.


3Dviewer10


Even if you don't have the grid open you can still identify the item you have selected, the selected item must have been itemised into Sovelia otherwise no information is available. In the bottom right corner the Object ID is displayed. 

3DExport26

You can click on the box containing the Object ID and you will open the property card for that item. Clicking on the three lines to the right of the property card you can then select 3D which will show the one item in a 3D viewer window.

3DExport27



Was this article helpful?