web-dev-qa-db-fra.com

Comment mettre un Bootstrap Glyphicon dans un asp: Button dans ASP.Net?

J'utilise Bootstrap 3 dans mon projet et je veux utiliser Bootstrap Glyphicons dans les boutons ASP.net.

Voici le code que j’ai utilisé, bien que cela n’ait pas fonctionné (j’ai eu un exemple qui utilise Twitter Bootstrap <span> balises au lieu de <i> Mots clés):

<asp:Button ID="btnRandom"
    runat="server"
    Text="<span aria-hidden='true'
        class='glyphicon glyphicon-refresh'>
        </span>"
    onclick="btnRandom_Click" />

Peut-être que quelque chose de plus devrait être fait.

Comment puis-je le faire fonctionner? Merci d'avance pour les réponses.

49
allence

Vous devez utiliser asp: LinkButton au lieu de a asp: Button , voici comment cela fonctionne pour moi en utilisant Bootstrap dans une application Web ASP.NET:

À partir de votre code, vous pouvez effectuer les tâches suivantes:

<asp:LinkButton ID="btnRandom" 
            runat="server" 
            CssClass="btn btn-primary"    
            OnClick="btnRandom_Click">
    <span aria-hidden="true" class="glyphicon glyphicon-refresh"></span>
</asp:LinkButton>

Voici un exemple de ce que j'utilise pour un bouton Soumettre avec le texte "Soumettre":

<asp:LinkButton ID="SubmitBtn" 
                runat="server" 
                CssClass="btn btn-primary"    
                OnClick="SubmitBtn_Click">
    <span aria-hidden="true" class="glyphicon glyphicon-ok"></span>Submit
</asp:LinkButton>
89
lucidgold

Quelle est l'utilisation réelle de ASP Server contrôle quand vous pouvez le faire dans HTML contrôle du serveur:

Vous pouvez convertir l'élément HTML en contrôle de serveur en définissant l'attribut runat = "server".

<button runat="server" >
<span aria-hidden="true" class="glyphicon glyphicon-refresh"></span>Refresh
</button>
19
Mehdi Souregi

essaye ça

<button id="btnSubSearch" runat="server" type="submit" class="btn btn-default" onserverclick="btnSubSearch_Click">
<span aria-hidden="true" class="glyphicon glyphicon-search">
</span>
</button>
6
Cubo Hayachi

son travail pour Asp: Button style glyphicon:

<div class="btn btn-primary glyphicon glyphicon-search">
    <asp:Button ID="Button1" runat="server" Text="Search" BackColor="Transparent" BorderWidth="0" OnClick="Button1_Click" />
                    </div>
1

Vous pouvez utiliser linkButton au lieu de button ou asp: Button juste comme ça;

<linkbutton runat="server"><a class="btn btn-info btn-md"> <span 
 class="glyphicon glyphicon-plus" style="font-size: x-large; font-weight: 
 bolder"></span> </a></linkbutton>
1
zafer