Jak mogę użyć:Jak używać ikony Bootstrap na Twitterze w przycisku ASP.NET?
<i class="icon-etc"></i>
z przycisku ASP.NET?
Jak mogę użyć:Jak używać ikony Bootstrap na Twitterze w przycisku ASP.NET?
<i class="icon-etc"></i>
z przycisku ASP.NET?
LinkButton, tak ...
<asp:LinkButton ID="SelectButton" runat="server" CssClass="btn btn-info"><i class="icon-ok icon-white"></i> Select</asp:LinkButton>
To jest najlepsza odpowiedź, po prostu nigdy jej się nie nauczyłem! Dziękuję – Fortin
Możesz dodać tag <i>
jako wartość przypisywać LinkButton
Text
.
np.
<asp:LinkButton ID="btnExcluir" runat="server" Text="<i aria-hidden='true' class='icon-remove-3'></i>" CssClass="btn btn-danger" />
Można nawet używać go z tekstem bocznym.
np.
<asp:LinkButton ID="btnExcluir" runat="server" Text="Link Name <i aria-hidden='true' class='icon-remove-3'></i>" CssClass="btn btn-danger" />
Użyłem tej metody, ponieważ potrzebowałem móc zmienić tekst i ikonę z kodu. Dodam jednak, że aby to działało, musiałem zamknąć nazwę klasy elementu w pojedynczym cudzysłowie, tj. '
Dobrze zauważony @ philip-stratford, dzięki! Po prostu zaktualizowałem, aby pasowało do Twojej sugestii. – felipe
@Korv, sugeruję, aby wybrać najlepszą odpowiedź, i to jest dobry –
Zrobiłem tak.
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" />
kodzie Page_Load()
FixGlyph(phButtonToLabelsAdminBox, btnSave, "icon-ok")
FixGlyph(phButtonToLabelsAdminBox, btnClear, "icon-refresh")
A 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
używam zwykłego asp: przycisk w moim Markup i tylko rzeczy jest to, że aby uruchomić FixGlyph po innym kodzie, który mógłby ustawić visible true/false dla przycisków i dodać FixGlyph w kolejności Wyświetl przyciski. Poza tym to działa dla mnie.
Dzięki Anders Smedman, twój kod z pewnością wykonał zadanie. tutaj jest kod C#, jeśli ktoś potrzebuje.
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;");
}
}
spróbować tej
<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>
lub
<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>
Pozdrowienia C:
Pamiętaj, aby używać asp: LinkButton i nie używać asp: Przycisk Dawne prace, ten ostatni nie będzie.Przyłapał mnie;) – PCPGMR
Znalazłem przy użyciu klasy I najbardziej przydatne, gdy używa się tego w przycisk wyboru gridview – wubblyjuggly
Jeśli jedna z odpowiedzi rozwiązuje problemu, należy wybrać go jako poprawny. –