fontawesome in button text

What is the correct way of achieving the following effect (button with font awesome icon in it): Currently I employ divs and microflow labels rendered as links with classes to override the look The guy has to click on the text and not on the button to execute the action. Thankyou
2 answers

I believe that font icons will be supported in a later version of Mendix. However if you want to do this in the meantime you can add the font awesome classes to buttons. The only problem with this is that it will change the font of the text currently. So to get around this you can create some custom css using the font icons css like so:

.buttonban:before {
  content: "\f05e";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

All i have done is changed the usual font awesome code to fit better with the current Mendix 5.15 HTML.

As i said earlier this may well change in the next versions of Mendix.


You can now use the Glyphicons in MBM, thanks a lot guys! This really helps.

alt text

Really looking forward to custom glyphset selection, really pimp my app out!!!