Button items / actions ???

[ExcelNet-Public]

I am trying to use this in a Vue environment and either missing something or not getting how to use this component. It seems all this provides is a floating button and no functionality beyond that.

I was expecting some way when I tap on it that a list of actions / buttons / whatever would be displayed "near" the button. Something similar to the Vue floating button sample on the Nativescript Samples page. Does this functionality exist or can somebody provide an example how they are providing this information.

Thanks!

[jannomeister]

yeah I agree. Like how ionic implement fab button like this one: https://ionicframework.com/docs/v3/api/components/fab/FabList/.

[bradmartin]

Ah yea, you want a 'speeddial'. I did it way back but never posted the snippet anywhere I can find :( https://www.youtube.com/watch?v=3n8cuJZmOvw&feature=youtu.be

Basically you'd just have your main FAB with a tap event and then I animate the smaller FABs that are positioned behind the main one using a grid-layout.

[JeffersonLPLima]

Ah yea, you want a 'speeddial'. I did it way back but never posted the snippet anywhere I can find :( https://www.youtube.com/watch?v=3n8cuJZmOvw&feature=youtu.be

Basically you'd just have your main FAB with a tap event and then I animate the smaller FABs that are positioned behind the main one using a grid-layout.

That would be amazing... I'm also searching for a FAB, or a Floacting Action Menu like this in NS, but I didn't find nothing to help.

[eullerpereira94]

@JeffersonLPLima, @jannomeister, @ExcelNet-Public, If anyone wants the code, it was on the Nativescript Snacks website. Although it is not online anymore, its repo and all its articles are still on Github. Use those links to implement the functionality you want:

• Brad's version - using Nativescript core

• Jen Looper's version - this expands on what Brad does and it is using Angular.

• Carlos Cabral's sample found on the Nativescript Marketplace - this is a complete Vue implementation of a floating action button and speeddial independent of this plugin.

[adityamadchetti]

https://github.com/nstudio/nativescript-floatingactionbutton/issues/97#issuecomment-1062935103