Làm thế nào để sử dụng biểu tượng Twitter Bootstrap bên trong Nút ASP.NET?

Question

Làm thế nào tôi có thể sử dụng một:

<i class="icon-etc"></i> 

với một nút asp.net?

Answer 1

LinkButton, như thế này ...

<asp:LinkButton ID="SelectButton" runat="server" CssClass="btn btn-info"><i class="icon-ok icon-white"></i>&nbsp;Select</asp:LinkButton> 

Answer 2

Bạn có thể thêm thẻ <i> như một giá trị cho các thuộc tính LinkButtonText.

ví dụ:

<asp:LinkButton ID="btnExcluir" runat="server" Text="<i aria-hidden='true' class='icon-remove-3'></i>" CssClass="btn btn-danger" /> 

Bạn thậm chí có thể sử dụng nó với văn bản phụ.

ví dụ:

<asp:LinkButton ID="btnExcluir" runat="server" Text="Link Name&nbsp;<i aria-hidden='true' class='icon-remove-3'></i>" CssClass="btn btn-danger" /> 

Answer 3

Tôi đã làm như thế này.

Markup:

<asp:PlaceHolder ID="phButtonToLabelsAdminBox" runat="server"></asp:PlaceHolder> 
<asp:Button ID="btnSave" runat="server" CssClass="btn" Text="Spara" /> 
<asp:Button ID="btnClear" runat="server" CssClass="btn" Text="Töm/Ny" /> 

CodeBehind Page_Load()

FixGlyph(phButtonToLabelsAdminBox, btnSave, "icon-ok") 
FixGlyph(phButtonToLabelsAdminBox, btnClear, "icon-refresh") 

Và Sub:

Private Sub FixGlyph(ph As PlaceHolder, btn As Button, IconClass As String, Optional CustomLabelStyle As String = "") 

If btn.Visible = False Then Exit Sub 
Dim g As New HtmlGenericControl 
g.ID = "labelFor_" + btn.ID 
g.TagName = "label" 
g.Attributes.Add("for", btn.ClientID) 
g.Attributes.Add("class", "" + btn.CssClass + "") 
If Not CustomLabelStyle = "" Then g.Attributes.Add("style", CustomLabelStyle) 
g.InnerHtml = "<i class=""" + IconClass + """></i> " + btn.Text 
ph.Controls.Add(g) 
btn.Attributes.Add("style", "display:none;") 

End Sub 

tôi sử dụng bình thường asp: Button trong Markup của tôi và những điều duy nhất là để chạy FixGlyph sau khi mã khác có thể đặt hiển thị đúng/sai cho các nút và thêm FixGlyph theo thứ tự bạn wa nt các nút xuất hiện. Ngoài ra, nó còn hiệu quả với tôi.

Answer 4

Cảm ơn Anders Smedman, mã của bạn chắc chắn đã thực hiện công việc. đây là mã C# nếu có ai cần.

private void FixGlyph(PlaceHolder ph, Button btn, string iconClass, string customLabelStye = "") 
    { 
     if (btn.Visible) 
     { 
      var g = new HtmlGenericControl(); 
      g.ID = "labelFor_" + btn.ID; 
      g.TagName = "label"; 
      g.Attributes.Add("for",btn.ClientID); 
      g.Attributes.Add("class","" + btn.CssClass +""); 
      if (customLabelStye != "") 
      { 
       g.Attributes.Add("style",customLabelStye); 
      } 
      g.InnerHtml = "<i class='" + iconClass + "'></i> " + btn.Text; 
      ph.Controls.Add(g); 
      btn.Attributes.Add("style","display:none;"); 
     } 

    } 

Answer 5

thử này

<asp:LinkButton ID="btnExample" runat="server" Text="<span class='glyphicon glyphicon-repeat'></span> Button" CssClass="btn btn-primary btn-xs" OnClick="btn_Click"></asp:LinkButton> 

hoặc

<asp:LinkButton ID="btnExample" runat="server" Text="<i class='glyphicon glyphicon-flash'></i> Button" CssClass="btn btn-primary btn-xs" OnClick="btn_Click"></asp:LinkButton> 

Trân C: