An SVG with a fill color specified must also have “class=fm_fill” inside the tag in order for FileMaker to correctly classify and modify the color property, otherwise it will always be said fill color. The only caveat to this is that it will show up as grey in the button setup dialog, rather than the default white. If you select an SVG, it must be formatted correctly in order to fully integrate with FileMaker’s inspector and allow for color to be updated.Īny SVG without a specified fill color within the XML will be modifiable with FileMaker. If you choose a PNG, there is no way to edit the image within FileMaker, since it is a raster-based image. Follow the file selection dialog to your desired image.įileMaker will allow you to select either an SVG or a PNG. To add your own button icon, simply press the plus button below the custom icon display. Note that button icons are saved in the FileMaker file. For information on how to use this dialog as well as the properties of button icons, reference my other article on the basics of button icons. Let’s take a look at how to add custom icons to a solution, and then dive into configuring custom SVGs for FileMaker.īutton Icons can be added via the button setup dialog. This is different from any raster-based image, such as PNGs. They can even be modified in a text-editor. An SVG is an XML-based image that renders based on a series of mathematical formulas, and thus can be scaled without pixilation and recolored with ease. The default button icons in FileMaker are in SVG format. These icons can then be added to any button or popover button. FileMaker comes pre-loaded with 140 very useful glyphs additionally you can expand your collection with any number of custom glyphs and images. FileMaker 14 ushered in a new era of vector graphics with the advent of button icons.

Filemaker pro 16 grouped button