Icons on the "compose" pane toolbar


(Biscuit) #1

I’m modifying the icons on the compose pane toolbar. The default icons are shown below: -

45%20PM

I’m displaying an extra book icon as I guessed the name of the icon. Is there a list of the built-in available icons?


(Kris) #2

Yes, we use font awesome. All of these icons should be available: Font Awesome Cheatsheet


(Biscuit) #3

Thanks Kris.

That’s what I thought at first, but when I specify a FA icon name from that page it doesn’t display eg: “fa-paw” appears as a blank space, as did the other FA icon names I tried. Whereas if I choose “book” it works.

This is the context of it’s usage, in case that helps:

  api.onToolbarCreate(toolbar => {
  toolbar.addButton({
    id: "id_goes_here",
    group: "extras",
    icon: "book",
    title: "Title_Name",
    perform: e => e.addText("Test to add to compose textbox.")        
  }); 
});

(Jeff Atwood) #4

What font awesome version are you expecting?


(Biscuit) #5

I’m not specifically after Font Awesome. I’m just wanting a list of supported icons so I can choose suitable ones.

“Book” works - and I presume this isn’t font awesome, so presumably there’s some specific unicode icons supported? Or, perhaps there’s a special way to list the FA icon name in my code above that I’m not doing.


(cpradio) #6

No, ‘book’ works because behind the scenes it is being changed to ‘fa-book’, for ‘paw’ to work, you would have to use ‘paw’.


(Biscuit) #7

Perfect @cpradio, “Paw” worked correctly.

So now I can reference the FA icon list that Kris provided above.

Thanks all. I’m sorted.


(Joshua Rosenfeld) #8

This topic was automatically closed after 33 hours. New replies are no longer allowed.