How to customise Onyx Spinner

I am using an Onyx spinner in my application.

But I would like to customise it so that it uses my own images to repeat as the loading is occurring.

I have a set of images that I want to loop through as long as the spinner is visible.

Is it possible to customise the Onyx spinner to do this or should I be looking into creating my own spinner in JavaScript?


  • I think the onyx-spinner just uses a class that has a background-image attribute. If your image is an animated gif, then you can just add specify onyx-spinner class in your CSS (loaded after onyx CSS) with background-image pointed to your image.

    If you have a series of images you want to cycle through, you could write your own enyo kind that manually does the cycling and then use it.
Sign In or Register to comment.