Comment augmenter l'affichage des info-bulles de temps?

J'ai un GridView, dans son RowDataBound Cas, je suis attribution d'info-bulle comme ci-dessous:

protected void gv_RowDataBound(object sender, GridViewRowEventArgs e)
{
    try
    {
        if (gv.HeaderRow != null && e.Row.RowType == DataControlRowType.DataRow)
        {  
            e.Row.ToolTip = "Remarks: " + ((Label)e.Row.FindControl("lblRemarks")).Text;
        }
    }
    catch (Exception ex)
    {
        BussinessLayer.RIBOException.Instance.HandleMe(this, ex);
    }
}

Ici, j'ai envie de prolonger la durée d'affichage de l'info-bulle.
Comment faire cela?

Essayez lien suivant : forums.asp.net/t/1580504.aspx/1

OriginalL'auteur thevan | 2012-08-18

  1. 5

    Vous devez utiliser le ToolTipService et plus précisément à la ShowDuration de la propriété attachée.

    Vous devriez être en mesure d'effectuer les opérations suivantes après avoir défini l'info-bulle:

    ToolTipService.ShowDuration(e.Row, 10000)
    ToolTipService est pour WPF et la question est taggés avec ASP.NET
    Quand je tape ToolTipService, l'intellisense n'est pas à venir. Pourquoi et Comment obtenir cette propriété? Est-il j'ai besoin d'utiliser un espace de noms?
    Pourquoi est-ce marqué comme acceptées si cela ne fonctionne pas pour vous, et ne fonctionnera pas pour quelqu'un d'autre dans ASP.NET?
    Il a été un certain temps, mais je crois que la question a été mal étiqueté comme WPF lors de la première publication. Je ne sais pas pourquoi il a été accepté...
    Pour l'enregistrement, si nous parlons de WPF, la durée est exprimée en millisecondes.

    OriginalL'auteur Brian S

  2. 3

    Définir la ToolTipService.ShowDuration propriété.

    ToolTipService est pour WPF et la question est taggés avec ASP.NET
    Quand je tape ToolTipService, l'intellisense n'est pas à venir. Pourquoi et Comment obtenir cette propriété? Est-il j'ai besoin d'utiliser un espace de noms?
    dans asp.net vous avez à mettre en œuvre vous-même bulle d'aide en javascript et d'introduire un retard bien ici comment le faire javascript.about.com/library/bltip1.htm

    OriginalL'auteur Hassan Boutougha

  3. 0

    Cela fonctionne, donne l'espacement et d'autres options de mise en forme. Le ci-dessus accepté option ne fonctionne pas

    <div runat="server" class="tooltip" id="divHowTo" style="display: inline-block; width:75px" data-tip="If you have problems: &#013;&#010;
        1.) Enter a users id &#013;&#010;
        2.) Choose a corresponding domain for the pin  &#013;&#010;
        3.) Verify resolved name is correct  &#013;&#010;
        4.) (If adding) Browse for Picture (jpg/png format) (square resolution) (240px X 240px or larger)  &#013;&#010;
        5.) Choose a button to add or delete or view or save or clear " >
    <asp:Image ID="imgHowTo" runat="server" ImageUrl="Images/howTo1s.jpg"  Height="73px" Width="73px"/>

    </div>

    avec la classe de (entre < style> et < /style>)

        .tooltip {
display:inline-block;
width:64px;
height:64px;
position:relative;
margin:25px;
background-repeat: no-repeat;
background-position:50% 50%;
background-size:100%;
text-align:center;
line-break:auto;
white-space:pre-line;
}
.tooltip:hover:after {
display:inline-block;
position:absolute;
top:-25px;
left:50%;
height:400px;
content: attr(data-tip);
font:bold 10px/14px Arial, sans-serif;
background:#f0f0f0;
color:#333;
white-space:pre-line;
border:1px solid #665;
padding:2px 4px;
width:150px;
margin:0 0 0 -75px;
border-radius:3px;
line-break:auto;
}
.tooltip:hover:before {
border-top: 10px solid #665;
border-top: 10px solid #665;
margin-top: 5px;
content: "";
position: absolute;
border-left: 5px solid transparent;
border-right: 10px solid transparent;
top:-15px;
left: 50%;
margin-left: -10px;
line-break:auto;
white-space:pre-line;
}

    OriginalL'auteur Bbb