Layout Resizes when Keyboard is open

[idietherdavepiyup]

Hello!
When I open the keyboard the background image of a column goes up and so is the input textbox.

Can someone help me solve this? Thank you!

[Deluxe]

Have you taken a look at the already existing discussions on this topic?

[Reopened] Keyboard changes screen layout

Hi everyone I know there are other discussions about “Keyboard hiding textbox” but I didn´t find the answer to my problem. A week ago I downloaded my app and everything worked just fine. It looks like this: [Screenshot_20200715-205931_TOR] [Screenshot_20200715-205924_TOR] Today I downloaded the same app with NO changes at all and I have this result: [Screenshot_20200715-203143_TOR] [Screenshot_20200715-203158_TOR] Literally I didn’t do anything from last week to today and now every s…

Keyboard: Now MY layouts are knocked out of whack

Some people have had problems with squishing of components as the keyboard appears, but this is a feature ( a feature or a bug?) I was working with to my advantage. I now find that, without any changes my keyboard appears but covers the onward navigation button forcing the user to first hide the keyboard before proceeding. So, although my components were not being squished, they were being moved up the screen to where the user could still see them above the keyboard. Can I get this back or has i…

Keyboard disorganizing Screen and Column Layout when a text input is pressed

I was actually searching around on the community forum to find out if there will be a solution to this issue, but from all the discussions I found on the community no solution have been found or arrived pls thunkable engineers should look sternly into this. The issue persists for past 8month and there has not been any solution. Am sure the issue must have caused a lot of users loss of income due to the issue. Pls help us look into it. Each time a text input is pressed, the keyboard pushes the …

Keyboard is deforming the design

Hey @nounab98278w, welcome to the Community This is currently being investigated. See this topic:

Text input deconfigures screen layout

Hello friends, I hope you are very well. I would like to know if any of you have had this problem? started a few days ago. Pressing a text input opens the keyboard but deconfigures the entire screen. This does not happen in thunkable live, only when installing the app on android, I have not tested on iOS. I leave a comparison image. [WhatsApp Image 2020-07-22 at 15.07.08 (1)] [WhatsApp Image 2020-07-22 at 15.07.08]

Keyboard deforming the design

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 no…

Text input now squashes screen arrangement

Hi If someone out there could give me some help on this I would be really grateful; The project Ive been working on for the last 6 months or so uses a text input in the centre of the screen arrangement with a row of buttons along the top and a row along the bottom. I made the layout so the bottom row contains buttons for functions not relevant for use while text input is in use. Up to a few days ago when the text input was opened the keyboard covered the bottom row of buttons. I haven’t chan…

Keyboard pop up shrinks my column and buttons

i have a log in options and buttons but when you tap to type keyboard opens and the screen goes up what am i doing wrong

[idietherdavepiyup]

it just says its fixed but its not working for me

[Deluxe]

Try setting your screen to Scrollable. Does it help?

[idietherdavepiyup]

I tried setting the screen or the column to scrollbale but still it is like that.

[Deluxe]

Did you try with setting your column height to either Fill container and Fit contents?

[idietherdavepiyup]

Yes, I did! still no effect.

[Deluxe]

And did you try setting your column’s height to absolute?

[idietherdavepiyup]

Do you have an example on how you set it up? Now that its absolute, i cant click on the text box input

[Deluxe]

So you say that when you set the column’s height to absolute, you can’t click the text input? This is weird. Is the text input inside the column or outside it? Can you share your project or any screenshots showing your screen and elements layout?

[idietherdavepiyup]

I put the bg image at the column1. i place column 2 and column 3 as spacing for the text input. Also tried using relative but the image still moves.

if i set the column1 to absolute, what value should I put for full screen?

[Deluxe]

So the image I see in your first post is the background image of the top column? I am genuinely confused. I believe that you need to rethink your screen’s design.

[idietherdavepiyup]

column1 is the container column. inside column1 is the spacer columns (col 2 and 3) and the text box.

how should i do it?

[Deluxe]

List of issues in your app:

1. Your screen’s vertical orientation is not set to Top.
2. You did not set the screen’s “Scrolling” property to “true” as I asked you to in my earlier message.
3. Your app’s asset “login-04.jpg” is actually taking up the entire screen. This is a really bad practice. You should crop the image to leave out any blank space.
4. You need to set your Column_2 height to absolute (i.e. 300 pixels).
5. You don’t need a spacer column.

I did all of the above on a copy of your project and the screen behaves as expected. Go ahead and try it.

https://x.thunkable.com/projectPage/602a5f14497af2023f20f35c

[idietherdavepiyup]

Thanks for all the inputs! I can’t seem to see your remixed version of my app

any idea with this problem?

[Deluxe]

I did not post a remix of your project. I posted the link I used to troubleshoot the issues in your app. But I won’t do the changes for you otherwise you won’t learn anything out of this and you will come back next time with similar questions. So, fix the 5 issues I describe, check that they work and mark my response as the solution. Thanks

[idietherdavepiyup]

no it did not work. attached the screenshot on my previous response

[Deluxe]

@Deluxe

Your app’s asset “login-04.jpg” is actually taking up the entire screen. This is a really bad practice. You should crop the image to leave out any blank space.

Did you do this?

[idietherdavepiyup]

Sorry. got it working now. I was hoping a full screen because I sometimes do a full pattern background or full image.

[Deluxe]

Great. So everything works ok now?