# Own Number keyboard

**URL:** <https://community.thunkable.com/t/own-number-keyboard/332336>\
**Category:** Questions about Thunkable X\
**Created:** [November 22, 2019, 7:29am UTC](https://community.thunkable.com/t/own-number-keyboard/332336 "2019-11-22T07:29:40Z")\
**Posts on this page:** 17\
**Page:** 1

<div class="post-metadata">

**Author:** ![danyklein](https://avatars.discourse-cdn.com/v4/letter/d/c37758/32.png) [@danyklein](https://community.thunkable.com/u/danyklein)\
**Post date:** [November 22, 2019, 7:29am UTC](https://community.thunkable.com/t/own-number-keyboard/332336/1 "2019-11-22T07:29:40Z")

</div>

Hello,  
need some help please.  
I want to do a own keyboard only with numbers.  
How to make the blocks that when click on One it puts 1 in text input and if i after click on 4 it adds 4 behind the 1  
thx

---

<div class="post-metadata">

**Author:** ![CBVG](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/cbvg/32/32401_2.png) [@CBVG](https://community.thunkable.com/u/CBVG)\
**Post date:** [November 22, 2019, 8:10am UTC](https://community.thunkable.com/t/own-number-keyboard/332336/2 "2019-11-22T08:10:40Z")

</div>

The text input component have the option to specify the keyboard that can be numeric only, of phone-pad style, and so on.

If you insist to drive you own keypad, it can be done (I have done it, so that goes for that) but it is quite complex. You need to not only capture the numeric value, but also deal with delete, scroll forward and back (if you want the option to correct an entry), a leading negative sign, and perhaps a decimal period, which can be entered once and only once. Then, since this is not the system keyboard, with the logic to make it appear when needed and go away when finished.

---

<div class="post-metadata">

**Author:** ![danyklein](https://avatars.discourse-cdn.com/v4/letter/d/c37758/32.png) [@danyklein](https://community.thunkable.com/u/danyklein)\
**Post date:** [November 22, 2019, 8:16am UTC](https://community.thunkable.com/t/own-number-keyboard/332336/3 "2019-11-22T08:16:13Z")

</div>

This only for a password page with 4 numbers. So I would like to try if you have some blocks helps do give 🙂 It’s welcome thx

---

<div class="post-metadata">

**Author:** ![danyklein](https://avatars.discourse-cdn.com/v4/letter/d/c37758/32.png) [@danyklein](https://community.thunkable.com/u/danyklein)\
**Post date:** [November 22, 2019, 1:07pm UTC](https://community.thunkable.com/t/own-number-keyboard/332336/4 "2019-11-22T13:07:07Z")

</div>

how to creat a button that delete the last number ? the other things I have find out

---

<div class="post-metadata">

**Author:** ![CBVG](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/cbvg/32/32401_2.png) [@CBVG](https://community.thunkable.com/u/CBVG)\
**Post date:** [November 22, 2019, 10:42pm UTC](https://community.thunkable.com/t/own-number-keyboard/332336/5 "2019-11-22T22:42:39Z")

</div>

You make a button that calls a function that remove the character that corresponds to the cursor position in the number string.

---

<div class="post-metadata">

**Author:** ![danyklein](https://avatars.discourse-cdn.com/v4/letter/d/c37758/32.png) [@danyklein](https://community.thunkable.com/u/danyklein)\
**Post date:** [November 23, 2019, 12:18am UTC](https://community.thunkable.com/t/own-number-keyboard/332336/6 "2019-11-23T00:18:41Z")

</div>

on thunkable x where should it know where the cursors is ?

---

<div class="post-metadata">

**Author:** ![CBVG](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/cbvg/32/32401_2.png) [@CBVG](https://community.thunkable.com/u/CBVG)\
**Post date:** [November 23, 2019, 1:10am UTC](https://community.thunkable.com/t/own-number-keyboard/332336/7 "2019-11-23T01:10:50Z")

</div>

In the case of my app, I had the display shown in the form of several, single character elements, as opposed to a single multi-character one. Then, it was just a matter of having the character where the cursor is to be displayed with a background of a contrasting colour that changed every half second, essentially making it _blinking_.  
If you insist on having a single string, you can actually take the current value and save it in a copy, and have a secondary copy with the cursor position character replaced by something obviously different.  
I.e. suppose that you have the number 1234 and the “3” is where the cursor is.  
Then you have the text “1234” and another text “12\_4”. Now, what you do is that you take the string “12\_4” and show that in alternance with “1234”, using the clock to control the display.  
If you scroll back from “3”, then you reduce the index by 1, and recreate the “cursor mode” string to be “1\_34” instead.

(You could use any unicode character – like “❚” for instance – to stand in for the number that is ‘blinking’ instead of the underscore.)

---

<div class="post-metadata">

**Author:** ![danyklein](https://avatars.discourse-cdn.com/v4/letter/d/c37758/32.png) [@danyklein](https://community.thunkable.com/u/danyklein)\
**Post date:** [November 23, 2019, 9:48am UTC](https://community.thunkable.com/t/own-number-keyboard/332336/8 "2019-11-23T09:48:54Z")

</div>

[https://x.thunkable.com/copy/dd7fce9886eeb12b645ca65a599fa774](https://x.thunkable.com/copy/dd7fce9886eeb12b645ca65a599fa774)

please have a look on screen 2 it’s called like that …

i want a button where on click it deletes the last one

---

<div class="post-metadata">

**Author:** ![CBVG](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/cbvg/32/32401_2.png) [@CBVG](https://community.thunkable.com/u/CBVG)\
**Post date:** [November 23, 2019, 5:06pm UTC](https://community.thunkable.com/t/own-number-keyboard/332336/9 "2019-11-23T17:06:09Z")

</div>

You use the text function “length of” to find how many characters are already present. Then you use the “get substring from letter #1 to #[(lenght of Text\_Input11.get.Text) - 1]” to update Text\_Input11 with a shortened version of itself.

---

<div class="post-metadata">

**Author:** ![danyklein](https://avatars.discourse-cdn.com/v4/letter/d/c37758/32.png) [@danyklein](https://community.thunkable.com/u/danyklein)\
**Post date:** [November 23, 2019, 5:14pm UTC](https://community.thunkable.com/t/own-number-keyboard/332336/10 "2019-11-23T17:14:19Z")

</div>

![04](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/d/7/d79396d966d6536ac8b05726781c6216a513d4ba.jpeg) don’t really don’t understand

---

<div class="post-metadata">

**Author:** ![CBVG](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/cbvg/32/32401_2.png) [@CBVG](https://community.thunkable.com/u/CBVG)\
**Post date:** [November 23, 2019, 9:40pm UTC](https://community.thunkable.com/t/own-number-keyboard/332336/11 "2019-11-23T21:40:55Z")

</div>

You are missing the " length of " text function !

And it is from letter #1 to letter # (length of text _ **- 1** _ )

---

<div class="post-metadata">

**Author:** ![danyklein](https://avatars.discourse-cdn.com/v4/letter/d/c37758/32.png) [@danyklein](https://community.thunkable.com/u/danyklein)\
**Post date:** [November 23, 2019, 9:55pm UTC](https://community.thunkable.com/t/own-number-keyboard/332336/12 "2019-11-23T21:55:31Z")

</div>

where I put the lentgh of in ?

---

<div class="post-metadata">

**Author:** ![CBVG](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/cbvg/32/32401_2.png) [@CBVG](https://community.thunkable.com/u/CBVG)\
**Post date:** [November 24, 2019, 1:14am UTC](https://community.thunkable.com/t/own-number-keyboard/332336/13 "2019-11-24T01:14:53Z")

</div>

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/e/e/eee77a41ccbe1527e3193750b55c06cc8a41a220.png)

---

<div class="post-metadata">

**Author:** ![danyklein](https://avatars.discourse-cdn.com/v4/letter/d/c37758/32.png) [@danyklein](https://community.thunkable.com/u/danyklein)\
**Post date:** [November 24, 2019, 9:47am UTC](https://community.thunkable.com/t/own-number-keyboard/332336/14 "2019-11-24T09:47:30Z")

</div>

love ya thx

---

<div class="post-metadata">

**Author:** ![bhartijewranibytqlv](https://avatars.discourse-cdn.com/v4/letter/b/96bed5/32.png) [@bhartijewranibytqlv](https://community.thunkable.com/u/bhartijewranibytqlv)\
**Post date:** [July 28, 2021, 6:26am UTC](https://community.thunkable.com/t/own-number-keyboard/332336/15 "2021-07-28T06:26:14Z")

</div>

cant see that link for thunkable

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [July 28, 2021, 7:30am UTC](https://community.thunkable.com/t/own-number-keyboard/332336/16 "2021-07-28T07:30:07Z")

</div>

This topic is almost two years old. These members may not even be around anymore. I suggest starting a new topic and explaining what you need help with and what you’ve tried (screenshots are really helpful!).

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 11:42am UTC](https://community.thunkable.com/t/own-number-keyboard/332336/17 "2024-11-08T11:42:59Z")

</div>


