Duplicate busy image on a page

[Robert Iliuta]

Hallo,


I would like to duplicate the busy image on a page. Example I would like on a browse to position on the right side of a locator the busy image.
I see this code on a page:

<div id="_busy" class="nt-busy"><img src="/images/_busy.gif" />

if I will put this code in a page I get the busy image but it runs forever... What and where exactly I have to put my custom div to show the busy image where I want but the action to be the same like original one? only when the server is busy.
It doesn't matter if I get duplicate busy images one on the bottom and one mine.


Thank you,
Robert

[kevin plummer]

From memory Bruce covered this exact topic in one of his webinars - I think the one on CSS and from memory CSS is how you do it. So you may want to check it out from Clarion Live.

[Bruce]

The hiding, and unhiding of the busy image is done via JavaScript. At the moment you can easily control the position of the existing one using Css, and as Kevin says I demo'd that in the webinar on Css.

I'll consider tweaking the JavaScript though so that you can have multiple images if you like.

Cheers
Bruce

[Robert Iliuta]

Hallo Bruce,


>I'll consider tweaking the JavaScript though so that you can have multiple images if you like.
This could be very cool and useful !
Thank you!
Robert

[Bruce]

This applies to build 5.27 and later;

You can add the following html to your code;

<div id="_mybusy" class="my-busy" data-nt-busy="busy">
<img src="/images/_busy.gif">
</div>

the id should be something other than _busy. It can be anything unique though, it's not important. Presumably you also want to change the position of the graphic - something usually controlled by the nt-busy class. So use a different class (or no class) for the div. You can also use any image you like.

the Important thing is the attribute;
data-nt-busy="busy"
this tells NetTalk this is a "busy graphic" and it hides, and unhides it as required.

Cheers
Bruce