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
590
How to write Onmouseover event
posted

Hi Team,

Thanks for advance,

I have implemented webexplorerbar in asp.net page actually i have requirement like while onmouse over i need to display itemtempleate fields liek underline.

next other requirement :

1.Onmouse over --> item templeate underline.

2.How to design item templeate different border width & style

help me some sample code would be greatly appricate.

Thanks

Parents
No Data
Reply
  • 37874
    posted

    Hello ranganathanpalanisamy,

    I suggest you to set CssClass and HoverCssClass properties of the groups and items in WebExplorerBar - for example:

    Code Snippet
    1. <html xmlns="http://www.w3.org/1999/xhtml">
    2. <head runat="server">
    3.     <title></title>
    4.     <style type="text/css">
    5.         .Underline
    6.         {
    7.             text-decoration: underline;
    8.             }
    9.         .Colorful
    10.         {
    11.             border: 1px solid yellow;
    12.             background-color: Red;
    13.             color: Green;
    14.             }
    15.     </style>
    16. </head>
    17. <body>
    18.     <form id="form1" runat="server">
    19.     <div>
    20.         <asp:ScriptManager ID="ScriptManager1" runat="server">
    21.         </asp:ScriptManager>
    22.         <ig:WebExplorerBar ID="WebExplorerBar1" runat="server" Width="250px"
    23.             GroupContentsHeight="">
    24.             <Groups>
    25.                 <ig:ExplorerBarGroup GroupContentsHeight="" Text="Group" HoverCssClass="Underline">
    26.                     <Items>
    27.                         <ig:ExplorerBarItem Text="Item" CssClass="Colorful">
    28.                         </ig:ExplorerBarItem>
    29.                         <ig:ExplorerBarItem Text="Item" CssClass="Colorful">
    30.                         </ig:ExplorerBarItem>
    31.                     </Items>
    32.                 </ig:ExplorerBarGroup>
    33.                 <ig:ExplorerBarGroup GroupContentsHeight="" Text="Group" HoverCssClass="Underline">
    34.                     <Items>
    35.                         <ig:ExplorerBarItem Text="Item" HoverCssClass="Underline">
    36.                         </ig:ExplorerBarItem>
    37.                         <ig:ExplorerBarItem Text="Item" HoverCssClass="Underline">
    38.                         </ig:ExplorerBarItem>
    39.                         <ig:ExplorerBarItem Text="Item" HoverCssClass="Underline">
    40.                         </ig:ExplorerBarItem>
    41.                     </Items>
    42.                 </ig:ExplorerBarGroup>
    43.             </Groups>
    44.         </ig:WebExplorerBar>
    45.     </div>
    46.     </form>
    47. </body>
    48. </html>

    Hope this helps.

Children