# Creating a keyboard

**URL:** <https://community.thunkable.com/t/creating-a-keyboard/117379>\
**Category:** Questions about Thunkable X\
**Created:** [June 23, 2019, 9:18am UTC](https://community.thunkable.com/t/creating-a-keyboard/117379 "2019-06-23T09:18:25Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Yukold](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/yukold/32/35122_2.png) [@Yukold](https://community.thunkable.com/u/Yukold)\
**Post date:** [June 23, 2019, 9:18am UTC](https://community.thunkable.com/t/creating-a-keyboard/117379/1 "2019-06-23T09:18:25Z")

</div>

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

Hi guys, its possible when i click in this text label show a custom keyboard create by me? like this photo…

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [June 23, 2019, 9:23am UTC](https://community.thunkable.com/t/creating-a-keyboard/117379/2 "2019-06-23T09:23:01Z")

</div>

Hi

Of course it is possible. And what you do not like the system numeric keypad?

---

<div class="post-metadata">

**Author:** ![jane](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jane/32/27575_2.png) [@jane](https://community.thunkable.com/u/jane)\
**Post date:** [June 24, 2019, 1:22pm UTC](https://community.thunkable.com/t/creating-a-keyboard/117379/3 "2019-06-24T13:22:08Z")

</div>

Hi there,

If your keyboard is contained in a Column or Row, you can put a Button where your Text Input is and have a block that says ‘when Display\_Button Click show Keyboard\_Column’.

The following blocks would then help you use your Keyboard to type on the Display\_Button:

 ![keyboard_blocks](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/5/05d1cf7174968b42efb34f911223fffd7fe05145.png)

You’ll need blocks like the ‘When 1\_Button Click’ blocks for every input Button in your Keyboard, where ‘char’ is the Text of whatever Button you click.

Hope that helps!

---

<div class="post-metadata">

**Author:** ![Yukold](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/yukold/32/35122_2.png) [@Yukold](https://community.thunkable.com/u/Yukold)\
**Post date:** [June 24, 2019, 7:15pm UTC](https://community.thunkable.com/t/creating-a-keyboard/117379/4 "2019-06-24T19:15:45Z")

</div>

> [@Keyboard deforming the design](http://community.thunkable.com/t/keyboard-deforming-the-design/113218):
>
> Hello… My app is here So, when i need put numbers he deforming like this Its possible the keyboard stay on top? I have another question too… if you see… the first 0 numbers you need put other value, so all 0 are in the center from text\_imput… But under the total are labels and the 0 is on the top… i need this 0 is in the center… i put all textalign “center” but i dont know why in the text\_imput he is perfect and in the label is on top…

First, because he deforme my layout.  
Second, dont have the “ok” button to close numeric keypad…  
Third, i think better have someone like this:

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/e/4/e451e7d784f6e2c8fce56bc37f5e9889f011109b.jpeg)  
Because is a smaller keyboard and i can put one “ok” button to close this keyboard and can use the app again, in the numeric keypad original i dont know how to close, i think click in another part to close but not happens

---

<div class="post-metadata">

**Author:** ![Yukold](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/yukold/32/35122_2.png) [@Yukold](https://community.thunkable.com/u/Yukold)\
**Post date:** [June 24, 2019, 8:06pm UTC](https://community.thunkable.com/t/creating-a-keyboard/117379/5 "2019-06-24T20:06:29Z")

</div>

I dont know what i do, but now when i click in the app after use the numeric keyboard he “close” the keyboard… LOL

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [June 24, 2019, 8:21pm UTC](https://community.thunkable.com/t/creating-a-keyboard/117379/6 "2019-06-24T20:21:18Z")

</div>

Now it is clear that you need a custom keyboard. As I said, this can be done in Thunkable X. To do this, the buttons must be placed in the Column with absolute positioning.

---

<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, 12:13pm UTC](https://community.thunkable.com/t/creating-a-keyboard/117379/7 "2024-11-08T12:13:19Z")

</div>


