Keyboard deforming the design


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…

Go to design, and on the screen, go to the advanced -> positioning and for the Overflow, specify ‘hidden’.

I haven’t tried it (I decided that I did not want the system to try and out-think me, so I implemented my own keypad, which I decide where it will go and how big) but that is what I would be looking at.

As for the alignement of label and text_input, that is the way the system is implemented, labels are tinier because they do not need to have a clickable border. Go to the property of the label, advanced -> spacing, you will see entries for margin and padding. You can adjust the position this way.

1 Like

did not work put hidden, he just stop stay on top just in the tools bar (battery, clock and your mobile phone operator)
like this:

But i think your idea to create your own keyboard is so genius, its possible to iOS system too? because if are possible i will create my too =D

And this alignement dont work too, but i search how to do: label>advenced>text style>lineheight (i put 40 and appears in the center from the label)


Of course it is possible.

For each number button, you have an event that appends the value of the digit to an accumulator, character by character. There is a need for additional logic to handle and dismiss the out of sequence or pathological entries, like attempting to put the decimal separator twice, or dismissing leading zero, managing the back-space and so on; but it is definitely doable.

You give a link from any project you use? i can see and will be more easy for me understand how to do.

i still need the keyboard in the top and not deforming when i need use. :tired_face:

My program is in Classic, so that is not readily accessible.

Ya so bad =(

But congratulations!! :wink:

i still need the keyboard in the top and not deforming when i need use. :tired_face:
any idea?

The point is that the keypad has to show. So it will either push out the layout (scrolling out up the top), squeeze out the rest of the screen (which is the current situation), or need to cover up the bottom part of it.

Apparently, this last option is the one you favor.
What you can do then is temporarily make the arrangement (either column or row or whatever) smaller by changing its height to be less than what it contains. If the component is top justified, then everything that exceeds the nominal height would be clipped from view, leaving room for the keypad.
You need to capture the end of keypad entry to restore the arrangement height however, once the keypad is dismissed.
Alternatively, you can have a sub component that is just the same height as the keypad, and make that component invisible while the keypad is present–that is the solution I personally use in my apps.

If I well understood your problem youhave to do 2 things:
First: set the Total label container to ‘fit contents’, so it should not cut the text.
Second: I think it will solve your problem to set, in the advanced tab, ‘responsive’, I can’t really remember where that is, try the different options

If I am not wrong the ‘responsive’ is only available on Thunkable Classic, we’re wanting it to Thunkable X