[Jon-Paul]

Excuse me for being dumb but is there a built in mechanism to use your own .png as an AppButton’s icon? Or are you restricted to using IconTypes?

[AlexFelgo Team]

Hi,

there is no distinct base component for an image button. You can e.g. just but the image as child of an AppButton with custom minimumWidth and minimumHeight.

Or you simply create an own QML component, depending on the desired appearance of the button.

Cheers,
Alex

[Jon-Paul]

The main reason for asking this is I was trying to use the ‘crown’ icon (“\uf521”) but it doesn’t work. How can I find out which icons from FontAwesome are available?

At the moment I’m just going to download the solid .ttf and try and use that.

[Jon-Paul]

Thanks, sorry I posted over your reply. As long as I can get access to the FontAwesome fonts I need then there’s no real reason to use a customised AppButton

[AlexFelgo Team]

Hi,

the crown icon is only part of font awesome 5, the default icon font uses version 4. You can replace the icon font globally like this:

App {

  onInitTheme: {
    Theme.iconFont = iconFont
  }

  FontLoader{
    id: iconFont
    source: "../path/to/your/font/fa-light-300.ttf"
  }
}

Then you can use the icons with their unicode, like “\uf521”

Cheers,
Alex

[Jon-Paul]

Cheers, that’s just what I was trying out.

[Jon-Paul]

Working perfectly, thanks.

Out of interest, where does it state the version of FontAwesome that is used and are there any plans to update it?

[AlexFelgo Team]

Hm I think it is only mentioned at some point in the changelog. We are discussing it, but since FontAwesome is now split into a free and a paid part we have not yet decided and fully checked if any migration issues might occur.

Anyway, we made sure exchanging the icon font is easy, so this is no pressing issue.

Cheers,
Alex