Moving elements based on keyboard appearing

How-to Discussions
1

I have a sign in page where i would like to move the TextInputs based on the keyboard position/size. Is this possible as of now?

2

You can do this with BottomBarBackground in a DockPanel, docked to the bottom. BottomBarBackground will change size along with the Keyboard and Platform buttons, which some android phones have as part of the screen.

The StatusBarBackground has the same size as the status bar and can be docked to the top.

<App Theme="Basic" ClearColor="#eeeeeeff">
    <DockPanel>
        <StatusBarBackground DockPanel.Dock="Top"/>
        <StackPanel Alignment="Center">
            <TextInput Text="Username" />
            <TextInput Text="Password" />
        </StackPanel>
        <BottomBarBackground DockPanel.Dock="Bottom"/>
    </DockPanel>
</App>
3

A new trigger is on it’s way for this, allowing super cool animations in response to keyboard appearing. We are working out the final details, stay tuned :slight_smile:

4

Hi!

More related to this has now been fixed, check out this thread: https://www.fusetools.com/developers/forums/howto_discussions/bottombarbackground