2017-02-23 1 views
1

Je veux montrer un utilisateur de glyphicon à la fin d'un contrôle textBoxFor dans MVC C# mais je ne peux pas encore accompli, dans le code que je montre (rasoir a commenté @ * @ *) les balises span que j'ai essayé pour obtenir le glyphicon, mais n'a pas fonctionné, pourriez-vous me aider s'il vous plaîtajouter un utilisateur glyphicon à un contrôle TextBoxFor dans MVC ASP.NET

  <div class="form-group"> 
       @Html.LabelFor(model => model.usuario, new { @class = "control-label col-md-2" }) 
       <div class="col-md-10"> 
        @*<span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>*@ 

        @Html.TextBoxFor(model => model.usuario, new { @class = "form-control", @placeholder = "Usuario", @type = "text" }) 
        @*<span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>*@ 
        <p class="text-danger"> @Html.ValidationMessageFor(model => model.usuario)</p> 
       </div> 
      </div> 
+0

Quel est exactement le problème? Le glyphicon apparaît-il sous la zone de texte? –

+0

exactement, si j'utilise le code dans les balises span, il montre l'image de glyphicon mais il utilise le même espace que la zone de texte –

Répondre

3

qui vous sont proches. Vous venez d'oublier d'inclure un élément div avec le nom de classe input-group.

<div class="form-group"> 
    @Html.LabelFor(model => model.usuario, new { @class = "control-label col-md-2" }) 
    <div class="col-md-10"> 
     <div class="input-group"> // missing div 
      @Html.TextBoxFor(model => model.usuario, new { @class = "form-control", @placeholder = "Usuario" }) 
      <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span> 
      <p class="text-danger">@Html.ValidationMessageFor(model => model.usuario)</p> 
     </div> 
    </div> 
</div> 

Aussi, vous n'avez pas besoin dans votre TextBoxFor .. @type = "text"

est ici Bootply.

Espérons que cela aide.

+0

merci monsieur, cela a fonctionné. –

+0

De rien. Codage heureux! –