Change src

[buskami-dev]

Hi there,

How can I change the animation? I wanted to use my own image, can I just point to my images folder?
I tried to use the [template] but did not work

[buskami-dev]

I got it working it’s just that the image does not appear centered as the original animation. What can I do to make my image to appear in the center of the page like the animation does?

[Edj209]

In the template string you can define a css class such as 'custom-spinner-template' and make your css centering changes there.

in your component ts file:

template: string =<img class="custom-spinner-template" src="<path>/yourImage.gif" />;

in your component css file:

.custom-spinner-template { top: 43% !important; left: 45% !important; opacity: 1 !important; }