Love Panchal
how to use it
Material action button
Nice and functional material design action button.
Free!
Fernando
Member since 2014
Details
- Version:
- 1.0
- Size:
- 0mb
- Ionic:
- 1.3.x
- Platforms:
- iOS, Android
- Released:
- 8 years ago
- Updated:
- 8 years ago
- Category:
- Plugins
- Tags:
- material, button, action button
When all you need is just the action button and all you can find is complex material design themes, you can use this simple action button. You create it in the view you need it, configure it, set functions for each button and done.
Check it out here! https://codepen.io/fmtoffolo/pen/ozNJPv
Hey there! You'll need to log in before you can leave a comment here.
Love Panchal
the button is not visible when there is nested page i.e i have a page where i place the button at bottom but when i am going to nested page and return back to same page the is not visible
Love Panchal
the button is not visible when there is nested page i.e i have a page where i place the button at bottom but when i am going to nested page and return back to same page the button is not visible
Fernando
you need to make it show again. The button automatically removes itself when changing view. But because ionic caches parent views you need to check when you are going back to a parent view and show the button again.
Love Panchal
can u please elaborate in detail i am not getting u please
Fernando
Whenever you go back to the view, you need to show the button again, because the button hides itself when going to another view. you can do that by calling the show() method on the button. for example: var button = $actionButton.create(options); ////// button.show(); If you want to show it everytime the view loads, run that inside an event handler. '$ionicview.enter' for example.
Love Panchal
how can i change color for a particular page i.e for 1st page button color is blue, 2nd page button color is red, 3rd page button color is pink
Nico Westerdale
Great plugin, but please update the CSS. The CSS fails on iOS8 - Just run it through this prefixer to add all the webkit rules and it'll work: https://autoprefixer.github.io/
sunilkalwani
the action button icons show on all the pages but i put action button code only one controller
sunilkalwani
the action button icons show on all the pages but i put action button code only one controller
Nico Westerdale
Great plugin, but please update the CSS. The CSS fails on iOS8 - Just run it through this prefixer to add all the webkit rules and it'll work: https://autoprefixer.github.io/
Love Panchal
how can i change color for a particular page i.e for 1st page button color is blue, 2nd page button color is red, 3rd page button color is pink
Love Panchal
can u please elaborate in detail i am not getting u please
Fernando
Whenever you go back to the view, you need to show the button again, because the button hides itself when going to another view. you can do that by calling the show() method on the button. for example: var button = $actionButton.create(options); ////// button.show(); If you want to show it everytime the view loads, run that inside an event handler. '$ionicview.enter' for example.
Love Panchal
the button is not visible when there is nested page i.e i have a page where i place the button at bottom but when i am going to nested page and return back to same page the button is not visible
Fernando
you need to make it show again. The button automatically removes itself when changing view. But because ionic caches parent views you need to check when you are going back to a parent view and show the button again.
Love Panchal
the button is not visible when there is nested page i.e i have a page where i place the button at bottom but when i am going to nested page and return back to same page the is not visible
Hey there! You'll need to log in before you can leave a rating here.
Love Panchal
excellent
Dharmendra Vaishnav
Really loved it. Very nice work.
{{ rating.comment }}
{{ rating.comment }}
Dharmendra Vaishnav
Really loved it. Very nice work.
Love Panchal
excellent