Ionic 2 Digital Keyboard

Ionic 2 Digital Keyboard

A digital/numeric keyboard component for your Ionic 2 apps

Free!

(5)
Download
Vincent Letellier

Vincent Letellier

Member since 2015

Details

Version:
2.0
Size:
0mb
Ionic:
2.x,3.x
Platforms:
iOS, Android, Windows Phone
View ID:
c53c6c00
Released:
7 years ago
Updated:
7 years ago
Category:
Plugins
Tags:
digital, numeric, key, keyboard, number, log, login, sms, lock, lockscreen, dial, pass, code, call

![Ionic 2 Digit Keyboard banner](https://s3.amazonaws.com/ionic-marketplace/ionic-2-digital-keyboard/banner.png)


A digital keyboard for apps build using the Ionic 2 framework.

Go to the Ionic 2 Digit Keyboard Github project for download and documentation.

Hey there! You'll need to log in before you can leave a comment here.

Ravi

Ravi   ·   7 years ago

How do I get the decimal ?

Vincent Letellier

Vincent Letellier   ·   7 years ago

Hi Ravi ! I just added a text property to the button actions. Check the updated git repository (Changelog section). :-)

Ravi

Ravi   ·   7 years ago

Hey there Vincent!! I am not sure which part of the world you are in… But you are Awesome!! However, I still do not see the dot… keyboardSettings: IonDigitKeyboardOptions = { align: 'center', width: '', visible: false, leftActionOptions: { text:'.', fontSize: '1.2em' }, rightActionOptions: { iconName: 'backspace', fontSize: '1.2em' }, roundButtons: false, showLetters: true, swipeToHide: true, theme: 'ionic' }

Vincent Letellier

Vincent Letellier   ·   7 years ago

Hi again Ravi :-) Thank you haha. Well I just tried with your config, I do see the dot. What do you see ?

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Punleu CHOMNAN

Punleu CHOMNAN   ·   7 years ago

Question, how to make something like the demo above? The download package only come with keyboard.

Vincent Letellier

Vincent Letellier   ·   7 years ago

Hi Punleu ! Glad you like the keyboard ! Indeed, this plugin is only about keyboard, I'm not providing any login screen. I made the screens you see on screenshots only playing with CSS.

Punleu CHOMNAN

Punleu CHOMNAN   ·   7 years ago

I bought one plugin similar what is in the demo pics above. That plugin is quite simple and not as powerful as this one. If you could make the same demo screen above and put it for sale, I believe people will consider buying yours :D Thank again for sharing this.

Vincent Letellier

Vincent Letellier   ·   7 years ago

Ha ha, thank you, well, once I get time, I'll make some refactoring and maybe create multiple samples, thanks for the feedbacks ! :-)

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

radiarama

radiarama   ·   7 years ago

Thanks Vincent. Good Job. But the text attribute is not available in the ActionOptions.

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Ramil Domingo

Ramil Domingo   ·   7 years ago

Thanks Vincent for this amazing component. I would like to ask though how can I make this work on a regular desktop computer apart from the device?

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Markus

Markus   ·   6 years ago

Hi, tried to add plugin to ionic 3 project but got the message:Error: Unexpected directive 'IonDigitKeyboard' imported by the module 'AppModule'. Please add a @NgModule annotation. I followed the install doc provided by your link.. what to do?

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

  ·   just now

{{ comment.comment }}

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

  ·   just now

{{ comment.comment }}

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Markus

Markus   ·   6 years ago

Hi, tried to add plugin to ionic 3 project but got the message:Error: Unexpected directive 'IonDigitKeyboard' imported by the module 'AppModule'. Please add a @NgModule annotation. I followed the install doc provided by your link.. what to do?

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Ramil Domingo

Ramil Domingo   ·   7 years ago

Thanks Vincent for this amazing component. I would like to ask though how can I make this work on a regular desktop computer apart from the device?

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

radiarama

radiarama   ·   7 years ago

Thanks Vincent. Good Job. But the text attribute is not available in the ActionOptions.

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Punleu CHOMNAN

Punleu CHOMNAN   ·   7 years ago

Question, how to make something like the demo above? The download package only come with keyboard.

Vincent Letellier

Vincent Letellier   ·   7 years ago

Hi Punleu ! Glad you like the keyboard ! Indeed, this plugin is only about keyboard, I'm not providing any login screen. I made the screens you see on screenshots only playing with CSS.

Punleu CHOMNAN

Punleu CHOMNAN   ·   7 years ago

I bought one plugin similar what is in the demo pics above. That plugin is quite simple and not as powerful as this one. If you could make the same demo screen above and put it for sale, I believe people will consider buying yours :D Thank again for sharing this.

Vincent Letellier

Vincent Letellier   ·   7 years ago

Ha ha, thank you, well, once I get time, I'll make some refactoring and maybe create multiple samples, thanks for the feedbacks ! :-)

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Ravi

Ravi   ·   7 years ago

How do I get the decimal ?

Vincent Letellier

Vincent Letellier   ·   7 years ago

Hi Ravi ! I just added a text property to the button actions. Check the updated git repository (Changelog section). :-)

Ravi

Ravi   ·   7 years ago

Hey there Vincent!! I am not sure which part of the world you are in… But you are Awesome!! However, I still do not see the dot… keyboardSettings: IonDigitKeyboardOptions = { align: 'center', width: '', visible: false, leftActionOptions: { text:'.', fontSize: '1.2em' }, rightActionOptions: { iconName: 'backspace', fontSize: '1.2em' }, roundButtons: false, showLetters: true, swipeToHide: true, theme: 'ionic' }

Vincent Letellier

Vincent Letellier   ·   7 years ago

Hi again Ravi :-) Thank you haha. Well I just tried with your config, I do see the dot. What do you see ?

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Hey there! You'll need to log in before you can leave a rating here.

Ludvig Colihn   ·     ·   7 years ago

Finally thank you ! However, I'd like to pu custom html / text in action buttons, please add this feature !

LukePolts   ·     ·   7 years ago

Amazing keyboard, I started by using the native one for a project but finally sticked to your plugin after trying it :D

Edwardo_13   ·     ·   7 years ago

Gratz man you saved my day, free and fastest support ever, thanks !!

Punleu CHOMNAN   ·     ·   7 years ago

Look very nice, easy to customize and it's FREE. Great job man.

radiarama   ·     ·   7 years ago

Awesome and Free.Great man

  ·     ·   just now

{{ rating.comment }}

  ·     ·   just now

{{ rating.comment }}

radiarama    ·     ·   7 years ago

Awesome and Free.Great man

Punleu CHOMNAN    ·     ·   7 years ago

Look very nice, easy to customize and it's FREE. Great job man.

Edwardo_13    ·     ·   7 years ago

Gratz man you saved my day, free and fastest support ever, thanks !!

LukePolts    ·     ·   7 years ago

Amazing keyboard, I started by using the native one for a project but finally sticked to your plugin after trying it :D

Ludvig Colihn    ·     ·   7 years ago

Finally thank you ! However, I'd like to pu custom html / text in action buttons, please add this feature !