loading animation when search with autocomplete

Questionsloading animation when search with autocomplete
daniel g asked 8 years ago

how to display the loading animation when searching with autocomplete ?
thanks

4 Answers
Abu Ghufran answered 8 years ago

Add following css on page.

<style>
.ui-autocomplete-loading { background:url('http://www.ajaxload.info/cache/FF/FF/FF/00/00/00/38-0.gif&#039๐Ÿ˜‰ no-repeat right center }
</style>

You can replace gif file with your desired image.

Abu Ghufran answered 8 years ago

This image is more prominent,

<style>
.ui-autocomplete-loading { background:url('http://www.ajaxload.info/cache/FF/FF/FF/00/00/00/4-0.gif&#039๐Ÿ˜‰ no-repeat right center }
</style>

Daniel G answered 8 years ago

Thanks Sir , This syntax only works on inline-insert so how applied in a pop-up insert …?

Abu Ghufran answered 8 years ago

Try using !important at end.

<style>
.ui-autocomplete-loading { background:url('animation.gif') no-repeat right center !important }
</style>

Your Answer

11 + 4 =

Login with your Social Id:

OR, enter

Attach code here and paste link in question.
Attach screenshot here and paste link in question.



How useful was this discussion?

Click on a star to rate it!

Average rating 0 / 5. Vote count: 0

No votes so far! Be the first to rate it.

We are sorry that this post was not useful for you!

Let us improve this post!

Tell us how we can improve this post?