Hello forum,
I want to make text to display when I place the cursor on a label; like when the cursor is hovered on the label control. How can I do this?
I have 4 label control and numbers displaying as text on this label controls
I want to give an idea what each of the number stand for or what each number represents. When user hovers the cursor on any label, then the pop up message will read, "upload figures" or "template figures" as the case may be
<div class="col-md-6">
<div class="row no-gutters border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative" style="background-color: #DCDCDC;">
<div class="col p-4 d-flex flex-column position-static">
<div class="row" style="font-family: Comfortaa; font-size: 12pt; font-weight: bolder;">
<asp:Label ID="idlabel" runat="server" Text="44" />
<div class="lbl2">
<asp:Label ID="lblidld" runat="server" Text="93"></asp:Label>
</div>
</div>
<h3 class="mb-0" style="color: #8E3939; font-size: 11pt;">
<img alt="" src="images/indeximg/idcardd.png" height="25" />ID Card</h3>
<p class="mb-auto" style="color: #00003D; font-size: 9pt; font-family: Gadugi;">This is a wider card with supporting text below as a natural lead-in to additional content.</p>
<asp:Button runat="server" class="btn btn-lg btn-block btn-primary" Font-Size="X-Small" Text="More Details" Style="font-family: Comfortaa; background-color: steelblue;" ID="idcardbtn" />
</div>
</div>
</div>
<div class="col-md-6">
<div class="row no-gutters border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative" style="background-color: #DCDCDC;">
<div class="col p-4 d-flex flex-column position-static">
<div class="row" style="font-family: Comfortaa; font-size: 12pt; font-weight: bolder;">
<asp:Label ID="labelinv" runat="server" Text="1140" />
<div class="lbl3">
<asp:Label ID="lbluld" runat="server" Text="3467"></asp:Label>
</div>
</div>
<h3 class="mb-0" style="color: #8E3939; font-size: 12pt;">
<img alt="" src="images/indeximg/hominvoice.png" height="30" />Invoice</h3>
<p class="mb-auto" style="color: #00003D; font-size: 9pt; font-family: Gadugi;">This is a wider card with supporting text below as a natural lead-in to additional content.</p>
<asp:Button runat="server" class="btn btn-lg btn-block btn-primary" Font-Size="X-Small" Text="More Details" Style="font-family: Comfortaa; background-color: steelblue;" ID="invoicebtn" />
</div>
</div>
</div>
upload figures are the ones on the right.
templates uploads
44 1140
93 3467
