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.
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.
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