Punleu CHOMNAN
I bought the plugin, got some bug in most bottom left on the screen. I try to integrate the plugin to my Ionic 3 App. Please fix the bug.
Add a beautiful passcode screen to your app in order to secure your users' data.
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.
Plugin by icliclabs.com
This plugin is compatible with Ionic v2.x and v3.x!
Description
Add a beautiful flat passcode screen to your app in order to secure your users' data. This plugin works on iOS, Android and Windows Phone. The component is very easy to use and should only take a few minutes to include to your app.
Test Before You Buy
You can test the app using Ionic View and enter the app id dbb72cb4.
Features
Installation
app/components/ion-passcode.ts
file into your app directoryIonPasscode
component and add it to the declarations
list in the app/app.module.ts
fileThat's all!
Usage
<ion-passcode>
in your ion-content
, the parameter options
is a mandatory reference to the IonPasscodeOptions
.That's all. Here is an example of a Page template, very simple. Just add the ion-shrinking-header
component:
<!-- simply add <ion-passcode> to your ion-content element, that's all! -->
<ion-content>
<ion-passcode [options]="passcodeOptions"></ion-passcode>
</ion-content>
Here is how to define passcodeOptions:
import { Component } from '@angular/core';
import { IonPasscodeOptions } from '../../../components/ion-passcode';
@Component({
templateUrl: 'default.html'
})
export class DefaultPage {
passcodeOptions: IonPasscodeOptions;
ngOnInit() {
this.passcodeOptions = {
title: 'Enter Passcode',
onComplete: function(passcode: string) {
// you have to return a promise once you have verified the passcode
// if the passcode is invalid call `reject()`
// if the passcode is valid call `resolve()`
return new Promise((resolve, reject) => {
if (passcode == '0000') {
reject();
}
else {
resolve();
}
});
}
}
}
}
Other Popular Plugins:
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 icl1clabs@gmail.com.
Hey there! You'll need to log in before you can leave a comment here.
I bought the plugin, got some bug in most bottom left on the screen. I try to integrate the plugin to my Ionic 3 App. Please fix the bug.
I bought the plugin, got some bug in most bottom left on the screen. I try to integrate the plugin to my Ionic 3 App. Please fix the bug.
Hey @PunleuCHOMNAN, the plugin is not yet compatible with ionic v3. Email me at icliclabs@gmail.com so we can figure this out.
This plugin is now compatible with ionic 3.x!
can i buy with paypal ???
{ this.nav.push(HomePage); } cannot read property 'push'
It is not possible to check on ionic view because there is a error message: 'No public channels for app ID found!'
It is not possible to check on ionic view because there is a error message: 'No public channels for app ID found!'
{ this.nav.push(HomePage); } cannot read property 'push'
can i buy with paypal ???
This plugin is now compatible with ionic 3.x!
I bought the plugin, got some bug in most bottom left on the screen. I try to integrate the plugin to my Ionic 3 App. Please fix the bug.
Hey @PunleuCHOMNAN, the plugin is not yet compatible with ionic v3. Email me at icliclabs@gmail.com so we can figure this out.
I bought the plugin, got some bug in most bottom left on the screen. I try to integrate the plugin to my Ionic 3 App. Please fix the bug.
Hey there! You'll need to log in and purchase the add-on before you can leave a rating here.
Awesome !!! next time you must included flat,round hahaha
{{ rating.comment }}
{{ rating.comment }}
Awesome !!! next time you must included flat,round hahaha