Skip to content

Button items / actions ??? #95

Description

@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!

Activity

  1. jannomeister commented on May 31, 2019

    @jannomeister

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

  2. bradmartin commented on May 31, 2019

    @bradmartin
    Collaborator

    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.

  3. JeffersonLPLima commented on May 31, 2019

    @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.

  4. eullerpereira94 commented on Dec 20, 2019

    @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:

  5. adityamadchetti commented on Mar 9, 2022

    @adityamadchetti
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions