# Moving elements based on keyboard appearing

**URL:** <https://forums.fusetools.com/t/moving-elements-based-on-keyboard-appearing/3979>\
**Category:** How-to Discussions\
**Created:** [May 29, 2015, 8:52am UTC](https://forums.fusetools.com/t/moving-elements-based-on-keyboard-appearing/3979 "2015-05-29T08:52:19Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Sean\_Inge\_Asbjornsen](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/sean_inge_asbjornsen/32/578_2.png) [@Sean\_Inge\_Asbjornsen](https://forums.fusetools.com/u/Sean_Inge_Asbjornsen)\
**Post date:** [May 29, 2015, 8:52am UTC](https://forums.fusetools.com/t/moving-elements-based-on-keyboard-appearing/3979/1 "2015-05-29T08:52:19Z")

</div>

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?

---

<div class="post-metadata">

**Author:** ![Kristian\_Hasselknipp](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/kristian_hasselknipp/32/549_2.png) [@Kristian\_Hasselknipp](https://forums.fusetools.com/u/Kristian_Hasselknipp)\
**Post date:** [June 1, 2015, 8:57am UTC](https://forums.fusetools.com/t/moving-elements-based-on-keyboard-appearing/3979/2 "2015-06-01T08:57:48Z")

</div>

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.

```auto
<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>

```

---

<div class="post-metadata">

**Author:** ![Anders\_Lassen](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/anders_lassen/32/522_2.png) [@Anders\_Lassen](https://forums.fusetools.com/u/Anders_Lassen)\
**Post date:** [June 1, 2015, 10:06am UTC](https://forums.fusetools.com/t/moving-elements-based-on-keyboard-appearing/3979/3 "2015-06-01T10:06:57Z")

</div>

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 🙂

---

<div class="post-metadata">

**Author:** ![Anders\_Lassen](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/anders_lassen/32/522_2.png) [@Anders\_Lassen](https://forums.fusetools.com/u/Anders_Lassen)\
**Post date:** [June 1, 2015, 3:10pm UTC](https://forums.fusetools.com/t/moving-elements-based-on-keyboard-appearing/3979/4 "2015-06-01T15:10:02Z")

</div>

Hi!

More related to this has now been fixed, check out this thread: [https://www.fusetools.com/developers/forums/howto\_discussions/bottombarbackground](https://www.fusetools.com/developers/forums/howto_discussions/bottombarbackground)