Focus on input component

UI Builder
1

Application ID: B2C72C45-472B-E962-FFE3-6A459475FE00
page: SignUpPage1

Hi there,

I test the page on the Backendless app using iPhone 12.

When I click on the Input component, the screen zooms in so that keyboard covers all input components. I need to manually scale back and scroll to the input.
Once I click done on the keyboard, the keyboard disappears as expected but the screen doesn’t zoom out.

I’m wondering how I can set up behaviour to:

  1. ensure that input component is not covered by keyboard when it receives focus.
  2. scroll input component into view - centered
  3. Zoom out to full screen once I click “Done” on keyboard

These are screenshots:
keyboard covers input:

IMG_4340.PNG
IMG_4340.PNG1170×2532 167 KB

the screen didn’t zoom out

IMG_4341
IMG_43411170×2532 209 KB

need to manually scroll to input component

IMG_4342.PNG
IMG_4342.PNG1170×2532 179 KB

Thank you!

2

Hi @Vitalii_Manoilo

Take a look at the topic

you can change it on the Settings screen

UI Builder - Sqiist - Backendless 2023-02-17 13-02-17
UI Builder - Sqiist - Backendless 2023-02-17 13-02-172708×1234 285 KB

Regards,
Vlad

3

HI Vlad, thank you for sharing the link. It’s helpful and I could fix the issue!

1 Like