bernhard Posted November 20, 2019 Posted November 20, 2019 RockAwesome ProcessWire Fieldtype to easily choose FontAwesome Icons Usage Install the module. Set paths in the Inputfield's settings page. Add a RockAwesome field to any template (or change an existing TEXT field). Preview https://modules.processwire.com/modules/fieldtype-rock-awesome/ https://github.com/BernhardBaumrock/RockAwesome 12
ukyo Posted November 20, 2019 Posted November 20, 2019 @bernhard Nice work ! But, in module directory i have a module for pick icons. I hope you see it, before writing an icon picker. https://modules.processwire.com/modules/fieldtype-font-icon-picker/
bernhard Posted November 20, 2019 Author Posted November 20, 2019 Hi @ukyo I knew there where some Icon Pickers already, but thought it would be fun to build my own ? Also in your module's thread the images are broken, so I didn't get a good first impression... How would I make your module work with a paid version of FontAwesome? Is that possible? 1
netcarver Posted November 20, 2019 Posted November 20, 2019 Hi Bernhard, Thanks for this. There is also Marc's FontAwesomePro module that might be similar.
bernhard Posted November 20, 2019 Author Posted November 20, 2019 54 minutes ago, netcarver said: Thanks for this. There is also Marc's FontAwesomePro module that might be similar. Thx @netcarver, but that does not seem to be an IconPicker Inputfield, or am I missing something? ? Anyway, it's always good to have options ?
ukyo Posted November 21, 2019 Posted November 21, 2019 @bernhard Thank you ! I fixed repo and thread broken images. Module allow you to add custom icons via hook and maybe i can or someone can add support for config file support like my Mystique module. I didn't add Font Awesome 5 support, because when you load FontAwesome 5 assets, it's breaking admin icons.
bernhard Posted November 21, 2019 Author Posted November 21, 2019 Hi @ukyo thx for fixing the images. Ok now I also got how one can use their own icons, nice work ? 9 hours ago, ukyo said: I didn't add Font Awesome 5 support, because when you load FontAwesome 5 assets, it's breaking admin icons. Could you please elaborate a little more on that? I didn't see any problems so far.
alexm Posted December 4, 2019 Posted December 4, 2019 @bernhard just installed RockAwesome to have a play with it. It's excellent! Straightforward and intuitive... Thank you. 1
bernhard Posted March 16, 2020 Author Posted March 16, 2020 Just added an option to load FontAwesome5 on all admin pages:
bernhard Posted April 9, 2020 Author Posted April 9, 2020 v0.0.2 Just added some setup instructions and checks on install/uninstall thx to a report of @thausmann 1
MilenKo Posted May 10, 2020 Posted May 10, 2020 Hello @bernhard Thank you for your module. I decided to give it a try for an existing project that would like to switch to v5. So I uploaded the /css and /media folders of the free version and set the path to be correctly pointing to the corresponding files. After creating a field and assigning it to a template, I was able to search for the new icons version, but they did not appear correctly. After a bit of testing, I was able to restore the proper functionality by copying the /webfonts folder besides the css and media. Just mentioning it in case someone else stumbles upon the same issue. Not sure if it is because the profile already is loading some libraries of FA4 but I just made it work so am quite happy to use it ? 1
bernhard Posted May 10, 2020 Author Posted May 10, 2020 Hi @MilenKo glad you got it working. Do you think the readme could be improved? Would be nice to get a suggestion of how I could make it more obvious. ?
MilenKo Posted May 13, 2020 Posted May 13, 2020 Hello @bernhard My only suggestion would be to add to the readme to not forget to copy webfonts folder as well. I have tested the module on a working profile that has been set to use FAv4. I must say that it allows me to combine both and have a slow transitioning if I have to move to FAv5 vonoletely. Or eventually extend the variety of icons if the project requires it ?
cb2004 Posted May 26, 2020 Posted May 26, 2020 Awesome module @bernhard, adding it to my default installation profile. 1
cb2004 Posted July 17, 2020 Posted July 17, 2020 @bernhard this only works if you type in lowercase, is there anything that can be done (I know all Font Awesome icons are named in lower)?
bernhard Posted July 17, 2020 Author Posted July 17, 2020 Hi @cb2004 sure, easy fix - but untested! Let me know if that works ? https://github.com/BernhardBaumrock/RockAwesome/commit/61743d343c328f37f8ef5e4e49b25a5ea4c5ade8
Alkrav Posted July 23, 2020 Posted July 23, 2020 Hi, bernhard. Interesting module. But how output the icon to front end page? PW has "Advanced" fields option with icons choose. It works fine for the backend. It will be cool to add it in your module.
bernhard Posted July 23, 2020 Author Posted July 23, 2020 Hi @Alkrav sorry, I don't understand your question. You access the icon code via $page->your_icon_fieldname and display that icon as you like (eg "<i class='{$page->icon}'></i>")
Alkrav Posted July 23, 2020 Posted July 23, 2020 3 minutes ago, bernhard said: Hi @Alkrav sorry, I don't understand your question. You access the icon code via $page->your_icon_fieldname and display that icon as you like (eg "<i class='{$page->icon}'></i>") Hi, @bernhard Thanx and yes, i have already find answer for the 1 part of my question. And add at the top of frontend template this line: <link rel="stylesheet" href="/site/templates/fontawesome/css/all.css" type="text/css"> But second part is about adding and using ready solution of PW in backend. Preview on screenshot.
bernhard Posted July 23, 2020 Author Posted July 23, 2020 The pw backend uses the old v4 icons from https://fontawesome.com/v4.7.0/icons/ You find instructions there on how to use them. But there are a lot newer libraries ?
sekru Posted February 9, 2022 Posted February 9, 2022 Hello Bernhard, today officially FontAwesome 6.0.0 came out. The metadata that RockAwesome is built on is no longer included. I have integrated the new GraphQL interface locally into the module to search for icons. Would you be interested in adding it directly to RockAwesome? The interface is accessed directly from JS. ciao Sebastian 1
bernhard Posted February 9, 2022 Author Posted February 9, 2022 hi sebastian, thx for letting me know! I'm not sure what you mean. I understood that my module will not work with FA6, but what is your suggestion? Did you find a way to make it work with both old and new versions? I've only used this module on one project so I don't want to touch anything if not needed ? but if you have a better solution I'm happy to pull changes if that does not break anything else.
sekru Posted February 10, 2022 Posted February 10, 2022 Font Awesome no longer provides the metadata as a file. Instead, they have set up a Graph QL API, which can be used to query all information about the icons. Even a text search (like on the FA page) is possible. So your search will work perfectly again. All info about this can be found on the blog: https://blog.fontawesome.com/font-awesome-icon-metadata/ You can also query old versions. So it should be possible that your project still works. The used version has to be configured of course. But you could add some extensions in the module settings: - Free and Pro Version - possibly own kit version - Selection of styles Maybe I should fork RockAwesome better? By the way, I use Font Awesome in many web projects and RockAwesome is a great help! 2
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now