Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
60
ultrawebtab on mouseover
posted

hii

i want do show content of ultrawebtab on mouseover on tab instead of click...whwnever i put  mouse

pointer on tab content should display....

i got clicent side enet mouseover...but when i tried it doesn't give result what i want ...

please give me solution .....

  • 24497
    posted

    Hi,

    That is quite easy to do: eventArgs has member method get_tabIndex(). However, you should keep in mind that changing selected index on mouseover/move may lead to unexpected behavior, especially if loadOnDemand/ajax is enabled or tabs have large contents. Below is example for you:

    <script type="text/javascript">
    function WebTab1_MouseOver(sender, eventArgs)
    {
     var tab = eventArgs.get_tabIndex();
     if (tab >= 0 && tab != sender.get_selectedIndex())
     {
      sender.set_selectedIndex(tab);
     }
    }
    </script>
        <ig:WebTab ID="WebTab1" runat="server" Width="300px" Height="300px">
       <Tabs>
        <ig:ContentTabItem runat="server" Text="Tab 1">
        </ig:ContentTabItem>
        <ig:ContentTabItem runat="server" Text="Tab 2">
        </ig:ContentTabItem>
        <ig:ContentTabItem runat="server" Text="Tab 3">
        </ig:ContentTabItem>
       </Tabs>
       <ClientEvents MouseOver="WebTab1_MouseOver" />
      </ig:WebTab>