Font ehrfürchtige innerhalb asp Taste

Question

Das ist mein asp: Button-Code, der nicht font genial das Symbol rendert, sondern zeigt den HTML, wie es ist:

<asp:Button runat="server" ID="btnRun" Text="<i class='icon-camera-retro'></i> Search" ValidationGroup="edt" OnClick="btnRun_Click" CssClass="greenButton"/> 

Jede Idee, wie kann ich dieses Problem lösen?

Answer 1

Sie können mit der Standard-asp.net-Taste nicht benötigen Sie eine HTML-Taste verwenden und es runat = server Attribut geben:

<button runat="server" id="btnRun" class="btn btn-mini" title="Search"> 
    <i class="icon-camera-retro"></i> Search 
</button> 

So hinter verwenden Code mit diesem Sie hinzufügen:

onserverclick="functionName" 

Um die Schaltfläche, dann in Ihrem C# tun:

protected void functionName(object sender, EventArgs e) 
{ 
    Response.Write("Hello World!!!"); 
} 

So letzte Taste wie folgt aussieht:

<button runat="server" id="btnRun" onserverclick="functionName" class="btn btn-mini" title="Search"> 
    <i class="icon-camera-retro"></i> Search 
</button> 

Answer 2

können Sie einen Linkbutton verwenden

<asp:LinkButton runat="server" ID="btnRun" Text="<i class='icon-camera-retro'></i> Search" 
       ValidationGroup="edt" OnClick="btnRun_Click" CssClass="greenButton" /> 

Sie tun html in das Textfeld unterstützen.

Answer 3

Sie können es tun, nicht nur mit CSS. Sie müssen nur die Eigenschaft Text auf der Schaltfläche auf den Unicode-Wert des Fontawesome-Zeichens setzen und der Schaltfläche die Klasse "fa" css geben, damit sie die fontawesome-Schriftart übernimmt.

<asp:Button ID="Button1" runat="server" 
    Text="\xF135" CssClass="fa" /> 

Ich habe diese Helfer-Bibliothek, die alle Symbol-Codes liefert stark typisierte wenn das Ihre Kurbel dreht:

<asp:Button ID="Button1" runat="server" 
    Text="<%# FontAwesome.Icons.Rocket %>" CssClass="fa" /> 

Nuget: Install-Package FontAwesome-ASP.NET

Quelle: https://github.com/kemmis/FontAwesome-ASP.NET

Answer 4

Sie auch diese Lösung versuchen können -

<span style="position:relative;"> 
    <i class="fa fa-hand-o-down"></i> 
    <asp:Button ID="btnCatMoveDown" CssClass="movedown" CausesValidation="false" Text="" CommandName="categorymovedown" CommandArgument='<%#Eval("SomeId")%>' runat="server"></asp:Button> 
</span> 

<style> 
    .movedown { 
     position:absolute; 
     opacity:0; 
     top:0; 
     left:0; 
     width:100%; 
     height:100%; 
    } 
</style> 

Answer 5

Holen Sie es auf Nuget!

Install-Package FontAwesome-ASP.NET Verwendung

FontAwesome Icons In Webforms Buttons

können Sie FontAwesome Symbole innerhalb asp.net Webforms-Button-Steuerelemente verwenden. Einfach aus den statischen Eigenschaften der FontAwesome.Icons-Klasse auf das Symbol Ihrer Wahl databinden. Rufen Sie dann DataBind() auf Ihrer Schaltfläche oder DataBind() auf Ihrem übergeordneten Steuerelement oder Ihrer übergeordneten Seite auf.

<asp:Button ID="Button1" runat="server" 
 
    Text="<%# FontAwesome.Icons.Rocket %>" CssClass="fa" />

Answer 6

In den anderen Antworten ändert asp: Button durch andere, das ich dir zeigen, wenn Sie asp wollen verwenden: Taste, EASY :)

/*CSS*/ 
 
/*Colors depends what btn you use, in this case i´m using btn-default*/ 
 

 
.btn_asp_icon{ 
 
    border: 0; 
 
    background-color: #fff; 
 
} 
 

 
.btn:hover > .btn_asp_icon{ 
 
    background-color: #e6e6e6; 
 
}

<!-- HTML --> 
 

 
<div class="btn btn-default"> 
 

 
<i class="fa fa-search fa-fw fa-lg" aria-hidden="true"></i> 
 
<asp:Button cssClass="btn_asp_icon" runat="server" text="Consultar"/> 
 

 
</div>