How To Use ToolTip Control In Asp.Net C#

Use ToolTip Control 


The ToolTip property is used to set or return the text that appears when the user rests the mouse pointer over a control.

DEMO



                       HTML CODING


<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
       <table><tr><td>
           <asp:Image ID="Image1" runat="server" ImageUrl="~/Baloon.jpg" ToolTip="BALOON" Width="200px" />
           </td><td>
               <asp:Image ID="Image2" runat="server" ImageUrl="~/horse.jpg" ToolTip="HORSE" Width="200px" />
           </td></tr>
           <tr><td>
               <asp:Image ID="Image3" runat="server" ImageUrl="~/Tiger.jpg" ToolTip="TIGER" Width="200px" />
               </td><td>
                   <asp:Image ID="Image4" runat="server" ImageUrl="~/Rose.jpg" ToolTip="ROSE" Width="200px" />
               </td></tr>
       </table>
    </div>
    </form>
</body>

</html>



First - Add New WebForm - Select Image Controls 





Next - Select Image control - Property - Image Url







Next - Select Anyone Image From - Content Of Folder






Set the Image All Image Controls






Next - Select - Image - Property - ToolTip Give Name






Next - Select - Image - Property - ToolTip Give Name
For All Image Set ToolTip







Next - Run [F5] - Cursor Go - To Any Image - Display ToolTip Name










0 comments:

Post a Comment