<radG:GridTemplateColumn DataField="Remarks" HeaderText="Update / Remark" UniqueName="UpdateRemarks"> <ItemTemplate> <asp:Label ID="lblRemarks" runat="server" CssClass="tooltip" Text='<%#Eval("Remarks")%>' ToolTip='<%#Eval("FullRemarks")%>' onmouseover="showTooltip(this)" onmouseout="hideTooltip(this)"></asp:Label> </ItemTemplate> <HeaderStyle Width="200px" /> <ItemStyle CssClass="wraptext" /> </radG:GridTemplateColumn>
function showTooltip(control) { var ttext = control.title; var tt = document.createElement('SPAN'); var tnode = document.createTextNode(ttext); tt.appendChild(tnode); control.parentNode.insertBefore(tt, control.nextSibling); tt.className = "tooltipCss"; control.title = ""; } function hideTooltip(control) { var ttext = control.nextSibling.childNodes[0].nodeValue; control.parentNode.removeChild(control.nextSibling); control.title = ttext; }
.tooltipCss { position: absolute; border: 1px solid gray; margin1: 1em; padding: 1px; background: white; font-family: Arial; font-weight: normal; color: blue; font-size: 9px; /*width: 400px; max-height: 250px; overflow-y: scroll;*/ text-wrap: normal; border-radius: 2px 2px 2px 2px; }
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)