Changing the mouse pointer when showing <bjs:loadingMessage>

Is it possible to change the mouse pointer (using CSS) when the is being shown?

Thanks,

David.

Changing the mouse pointer when showing <bjs:loadingMessage>

Hi David,

Please see code below,

<bjs:inputText id="address" clientValidators="required" clientValidationEvent="blur" required="true" />
<bjs:message for="address" errorClass="error" tooltip="true" style="cursor: pointer;" />

Hope this helps,

-Senaka

Changing the mouse pointer when showing <bjs:loadingMessage>

That doesn't help for what I was asking.

I need to change the mouse pointer whenever the LOADING message is visible...i.e. when there is communication between the client and server.

Changing the mouse pointer when showing <bjs:loadingMessage>

One trick you could do is load a custom image (size set to the screen) and set opacity,

Please see the example below.

<s:loading>
<div style="position:absolute;left:1px;top:1px; cursor: crosshair;">
<img src="flowers.jpg" width="1600" height="840" alt="klematis" style="-moz-opacity:0.0;filter:alpha(opacity=0)" />
</div>
</s:loading>

Hope this helps.

-Senaka

Changing the mouse pointer when showing <bjs:loadingMessage>

That will probably work, but I was hoping to be able to hook into the "loading" events somehow.

There is another requirement to change the browser statusbar text when something is loading, and hooking into the events is the only way this could be achieved I think.

Thanks.

cursor:wait

I'm still a newbie with backbase but the following works for me:

<div id="loadingMessageContainer" style="cursor:wait">
        <div id="loadingMessage" class="textBackground">
                <img src="resources/media/loading.gif" />
                <span style="font-weight:400">Please wait...</div>
        </div>
</div>