Display balloon popup on a Label

1

I would like to display a small message to the user, style those when passing the mouse, if I were not mistaken it would be the attribute

  

alt="my message"

However I'm using asp.net-mvc-5 and I'm finding it difficult to do. My message, I would like it to appear in @Html.LabelFor , and I also wanted it to be a fixed message, I believe that with CSS, jquery or javascript I can do it but I did not find anything that would help me. p>

<div class="form-group">
    @Html.LabelFor(model => model.Celular, htmlAttributes: new { @class = "control-label col-md-2" })
    <div class="col-md-10">
          @Html.EditorFor(model => model.Celular, new { htmlAttributes = new { @class = "form-control celular", id = "txt-tel" } })
          @Html.ValidationMessageFor(model => model.Celular, "", new { @class = "text-danger" })
    </div>
</div>
    
asked by anonymous 11.11.2016 / 20:25

1 answer

1

What you want is a Tooltip. There are several libraries that do this. Maybe you want someone who behaves like you are here .

Tooltips are in JS, so they are independent of ASP.NET MVC. The usage is done as follows:

<span class="tooltip" onmouseover="tooltip.pop(this, 'Este é meu texto na tooltip.')">
    Exemplo de texto com Tooltip
</span>
    
11.11.2016 / 21:03