Custom Function Database - Part 7

What would software be without icons? Would it be like looking at a tree without leaves? For some reason, a tree just looks more like a tree when it has leaves. Right?

So, this video is about how FileMaker uses SVG icons within it’s buttons. If you’ve always wondered how to make the most of FileMaker’s support of SVG icons, then look no further. In this video I’ll show you my own personal workflow for creating and integrating icons into a FileMaker solutions. You can integrate icons into your solution in a surprisingly quick fashion if you’re willing to get familiar with a bit of node and gulp.

Of course, even if you have no desired to install node.js, you may very well find tips and tricks which will help you expedite the process of integrating icons.

Comments

Hi Matt,

Thank you for another excellent video tutorial - I love the way you casually bring in a great use for node.js with the gulp SVG converter from Lui de la Parra. In this series of videos you show us how FileMaker is most useful when it sits at the centre of a network of available technologies, pulling it all together into an attractive useful App. Nice one!

Cheers
Ben

There is an available plugin for Sketch which makes the process even easier. Although knowing about gulp and node.js is a great knowledge to have!

Thanks Matt, as usual for your clear and thorough presentation.
inDats Icon Manager (FileMaker database) is an excellent resource. (Their FM database is unlocked. It is elegantly put together and a good example of a web viewer, etc.) It categorises and makes the icons searchable. The icons are provided by Syncfusion Metro Studio 3 (there is also a windows app). The icons have been optimised for FM so change colour etc. as required. Sync fusion state on their website that 'icons are available royalty-free and can be used in commercial applications'.
Keep up the good work,
Pete

Pete Boyce

Good part of the day,

What version of Node.JS , NPM, and GULP needed to run this project?

Thank you,

Ha, it doesn't work on Windows or Linux systems. You have to modify the script to make it work.

After messing with gulp which kept thowing error :
Error: Cannot find module 'gulp-cheerio'
at Function.Module._resolveFilename (module.js:555:15)
at Function.Module._load (module.js:482:25)
at Module.require (module.js:604:17)
at require (internal/module.js:11:18)
at Object.<anonymous> (/Users/prometheus3/Downloads/gulp-fm-icon-converter-master/gulpfile.js:4:17)
at Module._compile (module.js:660:30)
at Object.Module._extensions..js (module.js:671:10)
at Module.load (module.js:573:32)
at tryModuleLoad (module.js:513:12)
at Function.Module._load (module.js:505:3)

Matt, can you confirm the link to the working repo? The link you have posted does not work.

I found this:
https://fmsvg.com for drag and drop.

So that error was due to Gulp not being installed correctly ( which is strange as it was working ).

Also, finding that it will not work unless I change the name of the folder and remove the word "master", but it still does not work like the link above https://fmsvg.com