Change hand cursor for WebImageViewer

State Suggested Answer
Replies 1 reply
Answers 1 answer
Subscribers 9 subscribers
Views 716929 views
Users 0 members are here

430

Diego Calvo posted over 14 years ago

Hi everybody

I would want to change the default cursor (hand) that is rendered for the WebImageViewer control, replacing it with normal pointer

I have checked rendered code tryng to replace css but it seems that the cursor reference is rendered inline for each image, and each image is rendered as an href with random id inside a div with random id also, so I'm not able to change it dinamically

Anybody has some idea?

4493

Suggested Answer
Anton Staykov posted over 14 years ago

Hello,

You can achieve your goal by handling Client side event "Initialize", your client side init function should look something like:

    <script type="text/javascript">
        function IvInit(iViewer, e)
        {
            var items = iViewer.get_items();
            for (var i = 0; i < items.get_length(); i++)
            {
                items.getItem(i).get_element().style.cursor = "default";
            }
        }
    </script>

First you get the Items from ImageViewer object. Then loop though all the ImageItem elements, get each corresponding HTML DOM elemenrt (via get_element() method) and explicitly set it cursor property.

You can hook the client side Initialize function by adding follwong marjup to your ImageViewer on your ASPX page:

<ClientEvents Initialize="IvInit" />

Hope this helps!
Cancel
Reply

Reject Answer

Cancel