¿Cómo puedo utilizar un:¿Cómo usar un icono de Twitter Bootstrap dentro de un botón de ASP.NET?
<i class="icon-etc"></i>
con un botón de asp.net?
¿Cómo puedo utilizar un:¿Cómo usar un icono de Twitter Bootstrap dentro de un botón de ASP.NET?
<i class="icon-etc"></i>
con un botón de asp.net?
LinkButton, así ...
<asp:LinkButton ID="SelectButton" runat="server" CssClass="btn btn-info"><i class="icon-ok icon-white"></i> Select</asp:LinkButton>
Esta es la mejor respuesta, ¡nunca lo pensé! Gracias – Fortin
Usted puede agregar la etiqueta <i>
como un valor al atributo LinkButton
Text
.
por ejemplo
<asp:LinkButton ID="btnExcluir" runat="server" Text="<i aria-hidden='true' class='icon-remove-3'></i>" CssClass="btn btn-danger" />
Puede incluso utilizarlo con un texto lateral.
por ejemplo
<asp:LinkButton ID="btnExcluir" runat="server" Text="Link Name <i aria-hidden='true' class='icon-remove-3'></i>" CssClass="btn btn-danger" />
Utilicé este método porque necesitaba poder cambiar el texto y el ícono del código subyacente. Sin embargo, agregaría que para hacerlo funcionar tuve que adjuntar el nombre de clase del elemento en comas simples invertidas, es decir '
Bien notado @ philip-stratford, gracias! Simplemente lo actualicé para que coincida con su sugerencia. – felipe
@Korv, sugiero para seleccionar una mejor respuesta, y esto es una buena –
He hecho algo así.
de marcado:
<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" />
Load CodeBehind()
FixGlyph(phButtonToLabelsAdminBox, btnSave, "icon-ok")
FixGlyph(phButtonToLabelsAdminBox, btnClear, "icon-refresh")
y el 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
que utilizar ASP ordinaria: Botón en mi marcado y las únicas cosas son tan ejecutar el FixGlyph después de otro código que podría establecer verdadero/falso para los botones y agregar el FixGlyph en el orden en que nt los botones para aparecer. Aparte de eso, funciona para mí.
Gracias a Anders Smedman, su código seguro hizo el trabajo. aquí está el código C# si alguien lo necesita.
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;");
}
}
probar esto
<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>
o
<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>
Saludos C:
recuerde utilizar asp: LinkButton y no utilizar asp: Button El primero funciona, este último no lo hará.Me atrapó;) – PCPGMR
Encontré usando la clase I más útil cuando uso esto en un botón de selección de vista de cuadrícula – wubblyjuggly
Si una de las respuestas resuelve su problema, por favor seleccionarlo como correcta. –