Comments (7)
skol-pro
commented on June 9, 2024
Hi mamcgree !
I'm really pleased you enjoy the plugin ! :-)
Ok, short tip regarding scrolling to input:
<input type="text" (click)="doSomething($event)"></input>import { Content } from 'ionic-angular';
[...]
@Component({...})
export class CMP_NAME {
@ViewChild(Content) content: Content;
[...]
public doSomething(event) {
let target = event.target || event.srcElement || event.currentTarget;
let offsetTop = target.offsetTop;
// scrollTo(x, y, duration)
this.content.scrollTo(0, offsetTop, 150);
[...]
// Show keyboard and all the stuff ;-)
}
}Hop it will help you, someone told me it worked for him, but haven't tested my-self.
I've planned on doing a bit of refactoring and making a service to handle all those things, hope I'm going to find time soon :-)
from ion-digit-keyboard-v2.
mamcgree
commented on June 9, 2024
Thanks for the quick response.. Will give it a try and let you know..
Cheers..
…On 04/26/2017 12:10 PM, Skol wrote:
Hi *mamcgree* !
I'm really pleased you enjoy the plugin ! :-)
Ok, short tip regarding scrolling to input:
<input type="text" (click)="doSomething($event)"></input>
import {Content }from 'ionic-angular';
[...]
@component({...})
export class CMP_NAME {
@ViewChild(Content) content: Content;
[...]
public doSomething(event) {
let target= event.target || event.srcElement || event.currentTarget;
let offsetTop= target.offsetTop;
// scrollTo(x, y, duration)
this.content.scrollTo(0, offsetTop,150);
[...]
// Show keyboard and all the stuff ;-)
}
}
Hop it will help you, someone told me it worked for him, but haven't
tested my-self.
I've planned on doing a bit of refactoring and making a service to
handle all those things, hope I'm going to find time soon :-)
—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
<#7 (comment)>,
or mute the thread
<https://github.com/notifications/unsubscribe-auth/AK1lM4a74JCCMn-rDgKQbRP0A58xBH2Qks5rz2x7gaJpZM4NJFeK>.
from ion-digit-keyboard-v2.
mamcgree
commented on June 9, 2024
Greetings..
Your solution works, except for the items a the bottom of the list which cannot be scrolled above the keyboard. Any more suggestions??
Cheers..
from ion-digit-keyboard-v2.
skol-pro
commented on June 9, 2024
Glad to read that :-)
Ha ha, well, you can work with an if statement based on offsetTop, if it's > of content - keyboard width, then add a temporary bottom margin to the input ? :-/ (that's a quick answer, don't know if it's the best :-p ... ).
from ion-digit-keyboard-v2.
mamcgree
commented on June 9, 2024
Working on something similar.. Going to add blank ion-items.. Its dirty
but I think it will work..
Thanks for your help and your great plugin..
Cheers
…On 04/26/2017 03:23 PM, Skol wrote:
Glad to read that :-)
Ha ha, well, you can work with an if statement based on offsetTop, if
it's > of |content - keyboard width|, then add a temporary bottom
margin to the input ? :-/ (that's a quick answer, don't know if it's
the best :-p ... ).
—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
<#7 (comment)>,
or mute the thread
<https://github.com/notifications/unsubscribe-auth/AK1lMxhifxLrQlsE4CwS4J_cnLCBgeYAks5rz5mygaJpZM4NJFeK>.
from ion-digit-keyboard-v2.
mamcgree
commented on June 9, 2024
Greetings..
Your keyboard works great. Is there any way to change the height (the
same way to change the width)?
Cheers.
…On 04/26/2017 03:23 PM, Skol wrote:
Glad to read that :-)
Ha ha, well, you can work with an if statement based on offsetTop, if
it's > of |content - keyboard width|, then add a temporary bottom
margin to the input ? :-/ (that's a quick answer, don't know if it's
the best :-p ... ).
—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
<#7 (comment)>,
or mute the thread
<https://github.com/notifications/unsubscribe-auth/AK1lMxhifxLrQlsE4CwS4J_cnLCBgeYAks5rz5mygaJpZM4NJFeK>.
from ion-digit-keyboard-v2.
skol-pro
commented on June 9, 2024
hi !
Glad to read that !
Hum well, not actually, sorry :-/
But that’s a good remark, there is no reasons it won’t be possible !
… Le 28 avr. 2017 à 20:13, mamcgree ***@***.***> a écrit :
Greetings..
Your keyboard works great. Is there any way to change the height (the
same way to change the width)?
Cheers.
On 04/26/2017 03:23 PM, Skol wrote:
>
> Glad to read that :-)
>
> Ha ha, well, you can work with an if statement based on offsetTop, if
> it's > of |content - keyboard width|, then add a temporary bottom
> margin to the input ? :-/ (that's a quick answer, don't know if it's
> the best :-p ... ).
>
> —
> You are receiving this because you authored the thread.
> Reply to this email directly, view it on GitHub
> <#7 (comment)>,
> or mute the thread
> <https://github.com/notifications/unsubscribe-auth/AK1lMxhifxLrQlsE4CwS4J_cnLCBgeYAks5rz5mygaJpZM4NJFeK>.
>
—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub <#7 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AKINEVEmrsuObWs9pKb6nhOf64FgNWi3ks5r0ixWgaJpZM4NJFeK>.
from ion-digit-keyboard-v2.
Related Issues (20)
- Icons are not displayed HOT 6
- Publish to npm as ionic-digit-keyboard HOT 1
- iphone5 change dom value seems slow HOT 12
- Keypad overlaps (hides) input fields when the keyboard is visible
- Cannot find module '@ionic/app-scripts'
- ion-digit-keyboard is not working in Desktop(Windows surface device) HOT 2
- scroll page not working when keyboard open
- Google Analytics is loaded (Security issue & Performance)
- Feature Request (Keyboard Support For Web)
- Error NO_ERRORS_SCHEMA HOT 1
- Change keyboard design
- Bottom buttons HOT 7
- Ionic 4 / Angular 7 HOT 7
- How to switch between numbers keypad to alphabets keypad HOT 12
- how to input alphabets also HOT 1
- npm package
- How to insert decimal operator using this keyboard
- please ionic5 update HOT 2
- Left- and RightButton Icon doesn't show up HOT 1
- Landscape-Mode Size
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ion-digit-keyboard-v2.