html - net - icons bootstrap

¿Cómo coloco un Bootstrap Glyphicon dentro de un botón asp: en ASP.Net?

Question

Estoy usando Bootstrap 3 en mi proyecto, y quiero usar Bootstrap Glyphicons en los botones de ASP.net.

Aquí está el código que utilicé, aunque no funcionó (obtuve una muestra que usa etiquetas Twitter Bootstrap <span> lugar de etiquetas <i> ):

<asp:Button ID="btnRandom"
    runat="server"
    Text="<span aria-hidden=''true''
        class=''glyphicon glyphicon-refresh''>
        </span>"
    onclick="btnRandom_Click" />

Quizás debería hacerse algo extra.

¿Cómo puedo hacer que funcione? Gracias de antemano por las respuestas.

Answer 1

¿Cuál es el uso real del control del ASP Server cuando puede hacerlo en el control del servidor HTML ?

Puede convertir el elemento HTML en un control de servidor configurando el atributo runat = "server".

<button runat="server" >
<span aria-hidden="true" class="glyphicon glyphicon-refresh"></span>Refresh
</button>

Answer 2

Puede usar linkButton en lugar de botón o asp: Botón como este;

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

Answer 3

Tienes que usar asp: LinkButton en lugar de un botón asp: aquí funciona así para mí usando Bootstrap 3 en una aplicación web ASP.NET:

Desde tu código puedes hacer el siguiente trabajo:

<asp:LinkButton ID="btnRandom" 
            runat="server" 
            CssClass="btn btn-primary"    
            OnClick="btnRandom_Click">
    <span aria-hidden="true" class="glyphicon glyphicon-refresh"></span>
</asp:LinkButton>

Aquí hay un ejemplo de lo que uso para un botón Enviar con el texto "Enviar":

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

Answer 4

prueba esto

<button id="btnSubSearch" runat="server" type="submit" class="btn btn-default" onserverclick="btnSubSearch_Click">
<span aria-hidden="true" class="glyphicon glyphicon-search">
</span>
</button>

Answer 5

su trabajo para Asp: botón de estilo 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>