Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Jun 10 20:20
    varliali commented #776
  • Apr 27 01:54
    Mottie labeled #805
  • Apr 27 01:54
    Mottie labeled #805
  • Apr 27 01:54
    Mottie commented #805
  • Apr 26 14:37
    grouser edited #805
  • Apr 26 14:36
    grouser opened #805
  • Apr 01 01:48
    Mottie commented #802
  • Mar 31 06:57
    GenijeOnline commented #802
  • Mar 31 06:14
    GenijeOnline commented #802
  • Mar 23 18:25
    sansal54 edited #804
  • Mar 23 18:23
    sansal54 edited #804
  • Mar 23 18:23
    sansal54 edited #804
  • Mar 23 18:21
    sansal54 edited #804
  • Mar 23 18:21
    sansal54 edited #804
  • Mar 23 18:21
    sansal54 edited #804
  • Mar 23 18:20
    sansal54 edited #804
  • Mar 23 18:18
    sansal54 edited #804
  • Mar 23 18:17
    sansal54 opened #804
  • Mar 18 10:29
    pilz97 closed #803
  • Mar 18 10:29
    pilz97 commented #803
craigdelray
@craigdelray
hello, i would like to pay someone for a customization of this keyboard
i need the keyboard to be either a the bottom of the screen, as wide as the screen, with large keys, or off to the right edge of the screen, and to have a tall, thin layout like this:
12345
67890
ABCDE
FGHIJ
KLMNO
PQRST
UVWXY
Z SPC DEL
or at the screen bottom in just two rows as wide as the screen
craigdelray
@craigdelray
this is because the keyboard blocks what is behind it when the keyboard is in use.
so i need it positioned out of the way at screen bottom or at screen right edge
but we can't use it anymore
thanks in advance
Rob Garrison
@Mottie
@craigdelray it's pretty simple to create the layout you described. I set up this demo - http://jsfiddle.net/j8m65p5L/ - with the layout and made it draggable so the user can position it anywhere they want:
$(function() {
  $('#keyboard').keyboard({
      layout: 'custom',
      customLayout: {
        'default': [
          '1 2 3 4 5',
          '6 7 8 9 0',
          'A B C D E',
          'F G H I J',
          'K L M N O',
          'P Q R S T',
          'U V W X Y',
          'Z {space} {b}'
        ]
      },
      usePreview: false,
      autoAccept: true,
      visible: function(e, keyboard, el) {
        /* make keyboard draggable */
        keyboard.$keyboard.prepend('<h2/>')
          .draggable({
            handle: "h2",
            containment: "window"
          });
      }
    })
    // activate the typing extension
    .addTyping({
      showTyping: true,
      delay: 250
    });
});
Make sure to include the two CSS definitions
craigdelray
@craigdelray
Rob that's GENIUS! I do have to ask something that might be troublesome for you... Can I control how large each key is? The touch screen is a 24 inch and the user has to have pretty good accuracy to type on the small screen keys. When i made the first keyboard the keys on the screen were massive at one inch square each with the visual keyboard from chessware, which was good, but it was a bit clunky and slow. In this case i just need them a bit larger to make them easier to hit. Any ideas? Oh, one last thing if i am pressing my luck... For the draggable, that is great, but it would be better, for my use, to open at a set known location. In my use, the right edge of the screen is a dead area and all empty space. Can i force an offset X,Y from where it would want to open? THANKS!!!!! And i am happy to pay you for your help :)
Rob Garrison
@Mottie
Lalit
@Lalit2604_twitter
Hi, Can I use it for iframe?
I have one 3rd party JS genarated iframe, I want to open for that as well
is it possible??
Rob Garrison
@Mottie
Hi @Lalit2604_twitter ! Yes, the keyboard should work within an iframe
Here's a demo - http://jsfiddle.net/Mottie/Em8sG/2490/ - as posted in Mottie/Keyboard#230
Lalit
@Lalit2604_twitter
Thanks, iFrame is on different domain
Lalit
@Lalit2604_twitter
It's not working with above solution.
Rob Garrison
@Mottie
You're not going to get cross domain iframes to work - see https://stackoverflow.com/a/6170976/145346
andrewvharris
@andrewvharris
Hello. Do you know if it is possible to have an image on a key instead of the alphanumeric symbols?
Rob Garrison
@Mottie
Hi @andrewvharris! Check out Mottie/Keyboard#555 - I'll add a FAQ entry too
gfduszynski
@gfduszynski
Hi all!
Could anybody help me with issue on [assuming] unsupported browser with poor debugging ?
I'm getting
TypeError: val.substr is not a function. (In 'val.substr(0, t - (bksp ? 1 : 0))', 'val.substr' is undefined)
That's a part of insertText function
gfduszynski
@gfduszynski
Issue occurs on fast repetitive typing of the same letter (although it does not have to be the same letter)
val becomes jquery node instead pf string just before the error
Rob Garrison
@Mottie
Hi @gfduszynski! I've never encountered that issue. Very odd that val would be a jQuery object instead of a string. Can you reproduce this issue in any other browser?
Anton van Zuylen
@avzuylen
ev8yoni
@ev8yoni
Hi, does anyone know how I can set shift to enabled for the first pressed key/letter? I need this for a first name and last name input field.
Rob Garrison
@Mottie
Hi @ev8yoni! Check out the "Capitalizing" demo in the main wiki - https://github.com/Mottie/Keyboard/wiki#manipulating-text
ev8yoni
@ev8yoni
@Mottie, couldn't find it in the documentation but didn't check Github. Thanks for the link!
Tosferino
@Tosferino
Hi @Mottie , your keyboard is very useful. I created a numpad version of your num keyboard. I must to specify a max value and a min value to the input, how can I limit the entered value between this two limits? And how can I show these two limits in the keyboard? Thanks!!
Jeremy Roland
@indavisual
Hello Rob. I was wondering if it is possible to add a feature like Swypes/SwiftKeys/WordFlow?
Rob Garrison
@Mottie
Sorry for the delay! @Tosferino Did you try the validate callback? https://github.com/Mottie/Keyboard/wiki/Methods#validate
@indavisual I've looked into it... to get this to work would require an autocomplete dictionary which I don't have the time to implement. Sorry :(
Jeisson Delgado
@mindoata

Hi @Mottie , I am trying Mottie virtual Keyboard,it is a great keyboard. but I am having a problem with this keyboard in angular 8

I've installed with npm install --save-dev @types/virtual-keyboard

but does not recognize the addTyping

code:

<input id="keyboard" type="text">

in .ts:

$('#keyboard')
.keyboard({
type: 'input',
usePreview: false,
})
.addTyping({
showTyping: true,
});

Anyone know who has implemented it in Angular 2+ ?
Thanks for the help

Rob Garrison
@Mottie
Hi @mindoata! I don't use Angular, so I can't answer this off the top of my head, but maybe this comment - https://github.com/antonio-spinelli/ng-virtual-keyboard/issues/14#issuecomment-363379833 - will help?
ChrisEvisi
@ChrisEvisi

Hello all,

I saw this virtual keyboard and it looks impressive. Ive been looking for a touch keyboard to use in Raspbian with kiosk mode web browser (no desktop and preferably no window manager). Am looking at Webkit for the browser.

I was wondering if anyone could give me advice on how I could go about this ? the application is for a touch screen that is running on the dashboard of a vehicle (no keyboard or pointer / mouse) .

We are using a single dashboard application ( www.thingsboard.io ) and the user has to use a virtual keyboard to login and maybe enter text into a few fields. The application is written in angular 8/9. The login will be via an Oauth provider www.openiam.com and text fields will be from the thingsboard app where we can potentially add some angular code to on-focus events.?

Im not sure how the Mottie keyboard works and im not a developer myself, but can arrange developer assistance from our project group. Is the keyboard only called from the browser application or does it interact with the browser itself ? ie do we have to code the use of the keyboard into the thingsboard application ?
Would you be able to suggest a way we can manage this touch keyboard requirement ? f

Thanks for any assistance you can offer

Chris Olson

GenijeOnline
@GenijeOnline
Hello to all,
I need a little help with your virtual keyboard..I do some customisation of it but thing I can't do is to prevent blank space (with no other text) ..or implement something like this: https://stackoverflow.com/questions/48714579/how-do-i-prevent-a-leading-space-from-being-entered-in-a-textbox
Thanks