Domanda Come inserisco un Glyphicon Bootstrap all'interno di un asp: Button in ASP.Net?


Sto usando Bootstrap 3 nel mio progetto, e voglio usare i Glyphicons di Bootstrap nei pulsanti ASP.net.

Ecco il codice che ho usato, anche se non ha funzionato (ho ottenuto un campione che utilizza Twitter Bootstrap <span> tag invece di <i> tag):

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

Forse qualcosa dovrebbe essere fatto.

Come posso farlo funzionare? Grazie in anticipo per le risposte.


44
2018-06-18 12:25


origine


risposte:


Devi usare asp: LinkButton  invece di un asp: Button, ecco come funziona per me usare Bootstrap 3 in un'applicazione Web ASP.NET:

Dal tuo codice puoi fare il seguente lavoro:

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

Ecco un esempio di ciò che uso per a Invia pulsante con il testo "Invia":

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

81
2018-06-18 14:44



Che cosa è l'uso reale di ASP Server controlla quando puoi farlo dentro HTML controllo del server:

È possibile convertire l'elemento HTML in un controllo server impostando l'attributo runat = "server".

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

18
2018-06-18 13:50



prova questo

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

6
2017-07-15 05:22



Puoi usare linkButton invece di button o asp: Button proprio come questo;

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

1
2018-06-05 06:32



il suo lavoro per Asp: Button stile 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>

0
2018-06-21 07:19