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.
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>
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>
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>
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>
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>