How do I put a Bootstrap Glyphicon inside an asp:Button in ASP.Net?

by

You have to use asp:LinkButton instead of a asp:Button, here is how it works for me using Bootstrap 3 in an ASP.NET web-application:

From your code you can make the following work:

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

Here is an example of what I use for a Submit Button with text “Submit”:

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

More Related Contents:

  1. How to center buttons in Twitter Bootstrap 3?
  2. What are these meta tags? [closed]
  3. vertical-align with Bootstrap 3
  4. Bootstrap row with columns of different height
  5. Bootstrap 4: Multilevel Dropdown Inside Navigation
  6. Twitter Bootstrap 3 Sticky Footer
  7. Extend bootstrap row outside the container
  8. Calling wkhtmltopdf to generate PDF from HTML
  9. How to center nav-items in Bootstrap? [duplicate]
  10. How to make Bootstrap 4 cards the same height in card-columns?
  11. Bootstrap – align button to the bottom of card
  12. Bootstrap: add margin/padding space between columns
  13. Prevent Bootstrap Modal from disappearing when clicking outside or pressing escape? [duplicate]
  14. How to remove focus around buttons on click
  15. Remove border from buttons
  16. Bootstrap – 5 column layout
  17. Form is submitted when I click on the button in form. How to avoid this?
  18. Bootstrap 4 – Sticky footer – Dynamic footer height
  19. Bootstrap 4 – Responsive cards in card-columns
  20. How to center content in a Bootstrap column?
  21. How to implement curve background in CSS? [duplicate]
  22. Inline Form nested within Horizontal Form in Bootstrap 3
  23. Why does `transform` break `position: fixed`?
  24. Why are Bootstrap’s form elements rendered terribly with Struts2-Boostrap-Plugin?
  25. How to move placeholder to top on focus AND while typing?
  26. Fire onmouseover event when element is disabled
  27. Bootstrap 3 Flush footer to bottom. not fixed
  28. Responsive table handling in Twitter Bootstrap
  29. justify-content: space-between failing to align elements as expected
  30. bootstrap 4: center inline form inside a jumbotron

Leave a Comment