# Design problems to rotate the screen to horizontal

**URL:** <https://forums.fusetools.com/t/design-problems-to-rotate-the-screen-to-horizontal/3555>\
**Category:** Bug Reports\
**Created:** [January 5, 2016, 12:38am UTC](https://forums.fusetools.com/t/design-problems-to-rotate-the-screen-to-horizontal/3555 "2016-01-05T00:38:50Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![cristianrc](https://avatars.discourse-cdn.com/v4/letter/c/90db22/32.png) [@cristianrc](https://forums.fusetools.com/u/cristianrc)\
**Post date:** [January 5, 2016, 12:38am UTC](https://forums.fusetools.com/t/design-problems-to-rotate-the-screen-to-horizontal/3555/1 "2016-01-05T00:38:50Z")

</div>

Hi,

I have the following problem, when I press the button with the screen rotated to horitonzal mode.

![file](https://s3.us-east-2.amazonaws.com/fuse-legacy-forum-assets/uj6YhUyFmUvP-legacy-files-cznYc15UdPASxfbe-CLSMrHAj5eGMVLJFySElWOL6.gif)

My Code:

MainView.ux

```auto
<App Theme="Basic">
    <JavaScript File="MainView.js" />
    <DockPanel>
        <TopFrameBackground DockPanel.Dock="Top" />
        <BottomFrameBackground DockPanel.Dock="Bottom"/>
        <Splash Visibility="{splashVisibility}" />
        <LoginPage Visibility="{loginVisibilty}" />
    </DockPanel>
</App>

```

LoginPage.ux

```auto
    <Panel Background="#000" Alignment="Default">
        <JavaScript File="LoginPage.js" />
        <Style>
            <Text TextColor="#ffffff" />
            <TextInput PlaceholderColor="#ffffff80" TextColor="#ffffff" CaretColor="#ffffff" />
        </Style>

        <!-- Button colors -->
        <float4 ux:Key="C600" ux:Value="#8869e5" />
        <float4 ux:Key="C700" ux:Value="#6447b3" />
        <float4 ux:Key="CFillFore" ux:Value="#644793" />

        <Grid Rows="1*,1*">
            <StackPanel Alignment="Center" Margin="50,0,50,0">
                <Text FontSize="50">My APP</Text>
                <Text ux:Name="Description" TextWrapping="Wrap" TextAlignment="Center" Opacity=".8" Value='Description'>
                    <WhileKeyboardVisible>
                        <Change Description.Visibility="Collapsed"/>
                    </WhileKeyboardVisible>
                </Text>
            </StackPanel>
            <StackPanel Margin="50,0,50,0">
                <TextInput PlaceholderText="Correo Electrónico" Value="{username}" />
                <TextInput PlaceholderText="Contraseña" IsPassword="true" Value="{password}" />
                <Text TextAlignment="Right" Padding="0,0,8,10">Olvidé mi Contraseña</Text>
                <Button Text="Iniciar Sesión" IsEnabled="{areCredentialsValid}" />
            </StackPanel>
        </Grid>
    </Panel>

```

I’ve done tests and I think that the problem is in these 2 files.

---

<div class="post-metadata">

**Author:** ![Vegard\_Strand\_Lende](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/vegard_strand_lende/32/349_2.png) [@Vegard\_Strand\_Lende](https://forums.fusetools.com/u/Vegard_Strand_Lende)\
**Post date:** [January 12, 2016, 11:48am UTC](https://forums.fusetools.com/t/design-problems-to-rotate-the-screen-to-horizontal/3555/2 "2016-01-12T11:48:42Z")

</div>

Hi!

What device are you running this on? I have tested this on my Google Nexus 5 and this did not happen there :S