ionicSuperActionSheet

ionicSuperActionSheet

ionicSuperActionSheet

$0.00

Soufien Karray

Soufien Karray

Member since 2015

Details

Version:
1.0
Ionic:
1.x  
Platforms:
iOS, Android  
Released:
4 years ago
Updated:
4 years ago
Category:
Plugins
Tags:
ActionSheet, facebook, ionicSuperActionSheet,

Github lik: https://github.com/newsof1111/ionicSuperActionSheet

Introduction

Thanks to all of you who have downloaded this plugin! Please consider leaving a rating and review, it would be really helpful to get your feedbacks. Thanks.

ionicSuperActionSheet is a gorgeous component allowing you to have amazing designs for your app and details page. The ionicSuperActionSheet disappears when the user scrolls down the page, after a certain limit the ionicSuperActionSheet cover all page.

Who to use?

Installation

  • Copy the css/ionicSuperActionSheet.css into "your path" folder
  • Update your index.html to link the "your path"/ionicSuperActionSheet.css file
  • Copy the js/ionicSuperActionSheet.js into "your path" folder
  • Update your index.html to link the "your path"/ionicSuperActionSheet.js file
  • Update the app.js file and add ionic-SuperActionSheet to the list of modules, i.e. ```

Usage

all you have to do is to add ion-super-action-sheet tag and put your actionSheet's content

That's all. Here is the stracture of a view:

maybe you will use many ionicSuperActionSheets so make sure to identify every one with the attribute 'delegate-handle' example: delegate-handle="sof3" , sof3 is used later to close/open the ionicSuperActionSheets with the identifier :sof3 ```

<xmp><ion-view> ....... <ion-super-action-sheet delegate-handle="sof3"></ion-super-action-sheet> ....... </ion-view></xmp>

you want to open the ionicSuperActionSheets?
$rootScope.$broadcast('open','sof2');
where 'sof2' is the identifier of the ion-super-action-sheet. this code will close the ion-super-action-sheet that have 'sof2' as delegate-handle

you want to close the ionicSuperActionSheets?
$rootScope.$broadcast('close','sof2');
where 'sof2' is the identifier of the ion-super-action-sheet. this code will open the ion-super-action-sheet that have 'sof2' as delegate-handle
you want to make action when the ionicSuperActionSheets is closed?
$scope.$on('closing', function ()
{
alert('you close the ionicSuperActionSheets? are you kidding !!!! :p');
});

you want to test ? ==================

pass this id 4ddac074 in ionic view

Need Custom Work? =================

If you need help with your Ionic apps, if you need a specific plugin or integration. Let's get in touch. I'll be glad to develop or advise you for your app! Email me at [email protected]

Avatar
#### Karray Soufien

Computer Science Engineer

Ionic/Angular/Laravel Developer

Xing Link

Youtube Channel

Upwork Link

LinkedIn Link

Email: [email protected]