Set a custom loader for model viewer

I wanted to ask if it would be possible to change the viewer loader to a custom image.
In particular, for the development of a direct embedding solution (I mean by ticket id), I would like a custom image to appear, instead of the grey ShapeDiver logo, when loading the model in the viewer.

I refer to this image:

P.s. in addition, I wanted to ask what exactly is the correct event triggered when the loader disappears and the model appears in the viewer.

Thank you in advance.

Hello @Andrea10,

sure here is an example where we show how you can change the image and color! If you set the logo property to null, none will be displayed.

Regarding the event, here is an example that does exactly that.

All the best, Michael

1 Like

Hi Michael,
thank you, ‘branding’ is exactly the property I was looking for. Instead, the event seems to be triggered an instant before the initial logo disappears, but it doesn’t matter because “branding” is the solution I was looking for.

For the sake of completeness, I wanted to ask you where I could find documentation on all Viewport properties (and maybe also Session) to exploit its full potential, because I found this page but “branding” doesn’t appear here, so I’m wondering if there are other useful properties like this in a more extended documentation.

Thank you in advance.

Best regards

Hello @Andrea10,
thank you for your input regarding the event. I’ll create a task to have an event that triggers immediately!

As for the documentation. The page you linked is just for the viewport class itself, here you can find the general documentation and here the one for the session.

The documentation links to other sections all the time, so when you start at the main page you should be able to find everything you need.

Cheers, Michael