# Move panel to the top of the screen

**URL:** <https://forums.fusetools.com/t/move-panel-to-the-top-of-the-screen/4788>\
**Category:** How-to Discussions\
**Created:** [November 1, 2015, 4:04pm UTC](https://forums.fusetools.com/t/move-panel-to-the-top-of-the-screen/4788 "2015-11-01T16:04:15Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![zaulin](https://avatars.discourse-cdn.com/v4/letter/z/d26b3c/32.png) [@zaulin](https://forums.fusetools.com/u/zaulin)\
**Post date:** [November 1, 2015, 4:04pm UTC](https://forums.fusetools.com/t/move-panel-to-the-top-of-the-screen/4788/1 "2015-11-01T16:04:15Z")

</div>

Hi,

i would like to move a panel to the top of the screen when the keyboard is visible but i don’t know how to do it. Not relative to Keyboard or “Size”.

thnx.

---

<div class="post-metadata">

**Author:** ![COCPORN](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/cocporn/32/576_2.png) [@COCPORN](https://forums.fusetools.com/u/COCPORN)\
**Post date:** [November 2, 2015, 11:54am UTC](https://forums.fusetools.com/t/move-panel-to-the-top-of-the-screen/4788/2 "2015-11-02T11:54:26Z")

</div>

Hi!

You can try something along the lines of:

```auto
<WhileKeyboardVisible>
    <Change myPanel.Alignment="Top" />
</WhileKeyboardVisible>

```

You can do arbitrary things in the `WhileKeyboardVisible`-trigger.

---

<div class="post-metadata">

**Author:** ![zaulin](https://avatars.discourse-cdn.com/v4/letter/z/d26b3c/32.png) [@zaulin](https://forums.fusetools.com/u/zaulin)\
**Post date:** [November 4, 2015, 12:17pm UTC](https://forums.fusetools.com/t/move-panel-to-the-top-of-the-screen/4788/3 "2015-11-04T12:17:57Z")

</div>

Hi!

thnx for ur answer but that does not solve my problem as even if u align the panel Top that won’t work if the panel is inside an StackPanel.

I am looking for something similar to:

```auto
<Move Y="-1" Duration="1" Easing="CircularOut" RelativeTo="ParentSize"/>

```

but i would like to say something like: “relative to StatusBar” o “relative to TopOfTheScreen”

---

<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:** [November 4, 2015, 12:41pm UTC](https://forums.fusetools.com/t/move-panel-to-the-top-of-the-screen/4788/4 "2015-11-04T12:41:19Z")

</div>

Hi!

You can `Move` relative to any node using the `RelativeNode` property:

```auto
<Move Target="yourElement" Y="-1" RelativeTo="Size" RelativeNode="yourBottomBar"/>

```

---

<div class="post-metadata">

**Author:** ![zaulin](https://avatars.discourse-cdn.com/v4/letter/z/d26b3c/32.png) [@zaulin](https://forums.fusetools.com/u/zaulin)\
**Post date:** [November 4, 2015, 1:42pm UTC](https://forums.fusetools.com/t/move-panel-to-the-top-of-the-screen/4788/5 "2015-11-04T13:42:03Z")

</div>

That’s way closer to what i was looking for 🙂

but i still have a problem… maybe i should change the layout:

```auto
<Page>
    <ClientPanel>
        <Panel ux:Name="Header" Dock="Top">
             ...
        </Panel>

        <Panel ux:Name="Login" Dock="Top">
            <Text> .. <TextInput> .. <Button>
        </Panel>
    </ClientPanel>
</Page>

```

when i move the Login Panel up it dissapears under the header panel is there a “bring to front” atribute? should i change the Header opacity?

---

<div class="post-metadata">

**Author:** ![Bjorn-Olav\_Strand](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/bjorn-olav_strand/32/583_2.png) [@Bjorn-Olav\_Strand](https://forums.fusetools.com/u/Bjorn-Olav_Strand)\
**Post date:** [November 4, 2015, 1:59pm UTC](https://forums.fusetools.com/t/move-panel-to-the-top-of-the-screen/4788/6 "2015-11-04T13:59:11Z")

</div>

There is a `<BringToFront />` trigger that you can use, at the same time as your `Move`

---

<div class="post-metadata">

**Author:** ![zaulin](https://avatars.discourse-cdn.com/v4/letter/z/d26b3c/32.png) [@zaulin](https://forums.fusetools.com/u/zaulin)\
**Post date:** [November 6, 2015, 11:27am UTC](https://forums.fusetools.com/t/move-panel-to-the-top-of-the-screen/4788/7 "2015-11-06T11:27:41Z")

</div>

Thnx!!

just one final question:

if i am not wrong:

```auto
<Move Target="yourElement" Y="-1" RelativeTo="Size" RelativeNode="yourBottomBar"/>

```

means: yourElement.Y = yourElement.Y + (yourBottomBar.Y \* -1)

i would like to move it where “yourBottomBar” is:

yourElement.Y = yourBottomBar.Y

is that possible?