AxisTriad() Positioning

HOOPS Communicator
,
1

Hello all,

I have a question about “communicator.webviewer.view.GetAxisTriad()”. When using “.setAnchor(2)” to put in the bottom right corner, looks like when camera moves the axis looks rotates a bit off screen.

Is there a way to set where I want the axis without “setAnchor()” or would I have to use a separate x,y,z axis for better control?

2

Hello @michael.a.lara,

Welcome to the forum!

As a quick check, when I run:
hwv.view.getAxisTriad().setAnchor(Communicator.OverlayAnchor.LowerRightCorner);

…I don’t notice the triad moving offscreen – so it stays within the bounds of the canvas when manipulating the camera:

image
image1924×934 201 KB

As far as setting the position of the AxisTriad, it is limited to the nine sections specified in the OverlayAnchor enum.

Thanks,
Tino

3

Hi @tino ,

image
image706×358 24.6 KB

here you can see it moves off page, guessing it could have something due to the sizing?

Thanks,
Michael

4

I’ve tried resizing the window and I’m not able to get the taskbar to occlude the Web Viewer canvas similar to your pic. If I set the taskbar to automatically hide and thus lose some bottom “padding”, then a very small part of the cylindrical arrows is occluded by the taskbar. But not to the extent as in your pic. In all my tests, the window in question is in “snapped” mode.

Are you using a monitor in portrait view? Also, you had specifically mentioned using LowerRightCorner for the location of the AxisTriad. Are you getting the same issue when using LowerLeftCorner?

Thanks,
Tino

5

@tino No my monitor is in Landscape and same issue in the LowerLeftCorner

image
image2282×365 39.8 KB

I do have a Portrait monitor I tested, that’s only time the axis does not go off screen

6

@michael.a.lara
The issue could be that the viewer container is larger than the size of the monitor. You should be able to confirm the size of the viewer container, for example using arbitrary values:

#my_viewer {
        width: 640px;
        height: 480px;
        position: relative;
		border: 2px solid black;
      }

Using the border property should be able to quickly confirm an “oversized” viewer container.

1 Like
7

Thank you, changing the size of the container worked

2 Likes