Easily add 100s of Font Awesome icons to your Floating Action Buttons (FAB) with this extension

Overview

http://community.thunkable.com/uploads/default/original/2X/2/28c94d66b9050183630e58f757002d05d3284ef1.aix

Thunkable Community

If you have any questions about the Font Awesome FAB extension then head on over to the Thunkable Community where you’ll find lots of amazing people who are happy to help you out.

Installation

If you need any help installing an extension then take a look at our “How to Install an Extension” guide.

Blocks

Events

This extension contains just one event. The ClickButtonFAB block handles what happens when the FAB is clicked.

Procedures

The ChangeIconFade procedure is used to toggle between icons. You can find all the codes for newIconCode in the Font Awesome Cheatsheet and the duration is just a number, specifying the number of miliseconds for the transistion.

The CreateFAB procedure must be called in order to create a FAB on the screen. You can use the visible and invisible procedures to change the visibility, but you must actually create the FAB before you can do anything else with it.

Calling the InvisibleFAB procedure will cause the FAB to disappear. Both duration and startDelay expect numeric inputs, specifying the number miliseconds.

Calling the VisibleFAB procedure will cause the FAB to appear on the screen. Don’t forget that the CreateFAB proceudre must be called before you can make a FAB visible. Both duration and startDelay expect numeric inputs, specifying the number miliseconds.

Getters & Setters

These blocks allow you to get or set the colour of the background of the FAB. When setting a new colour, it should be specified as a HEX colour.

These blocks allow you to get or set the colour of the icon that is displayed. When setting a new colour, it should be specified as a HEX colour.

This property is used to specify the elevation of the FAB.

The FABSize setter is used to specify the diameter of the FAB in density independent pixels

You can use the IconCode setter to change the icon without a transition effect or delay.

These properties specify the margin along the bottom edge and right edge of the FAB.

Troubleshooting

Changing from dev mode to production morde.

Example App

Coming soon!

Want to Help?

There are lots of great extensions being created and updateed everyday. Keeping this site up to date is a huge task. If you want to help out find out more in the Thunkable Community

Post written by: Domhnall