Can't change the Y pos within a panel for a circle

How-to Discussions
1

So within a panel I am able to change the X position with ease for a circle, but unfortunately I am unable to change the Y position. Here is the code

<Panel>

    <Panel ux:Name="topLayer" >
             <Circle ux:Name="ProfilePic" Color="Blue" Layer="Overlay" Width="15%" Opacity="1"             Alignment="Left" X="10%" Y="10%">
            </Circle>

        </Panel>
<Panel>

This unforuntatly isn’t because it’s a percentage either, i’ve tried with no percents

2

It looks like this is part of a bigger project, and that there could be some other paramaters that gives you unwanted behaviour.

This give me what I expect:

<App>
    <Panel Background="Red" Height="100" Width="100">
        <Circle Color="Blue" Width="50%" Height="50%" X="25%" Y="25%" />
    </Panel>
</App>
3

Anders Bondehagen wrote:

It looks like this is part of a bigger project, and that there could be some other paramaters that gives you unwanted behaviour.

This give me what I expect:

<App>
    <Panel Background="Red" Height="100" Width="100">
        <Circle Color="Blue" Width="50%" Height="50%" X="25%" Y="25%" />
    </Panel>
</App>

Here’s the full code, I was messing around with the example app.


<App>



    <Panel ux:Class="Media" ux:Name="self" Opacity="0.4">


            <ActivatingAnimation>
                <Change self.Opacity="1" Duration="0.5" />
            </ActivatingAnimation>

            <EnteringAnimation>
                   <Move X="-.85" RelativeTo="ParentSize" Duration="0.5" />
            </EnteringAnimation>
            <ExitingAnimation>
                <Move X=".85" RelativeTo="ParentSize" Duration="0.5"/>
            </ExitingAnimation>

            <SwipeGesture ux:Name="swipeUp" Direction="Up" Type="Active" />

            <SwipingAnimation Source="swipeUp">
                <Move Target="topLayer" Y="-.3" RelativeTo="Size" Duration="2.8" />
                <Scale Target="MainMedia" Factor="0.8" Easing="QuadraticInOut" Duration="2.9"/>

                <EnteringAnimation>
                    <Rectangle Width="58%" Height="40%" Layer="Background" Color="Blue">
                    </Rectangle>
                </EnteringAnimation>

            </SwipingAnimation>

            <WhileInactive Threshold="0.2">
                <SetSwipeActive Target="swipeUp" Value="false" />
            </WhileInactive>

        <Panel ux:Name="topLayer" >
             <Circle ux:Name="ProfilePic" Color="Blue" Layer="Overlay" Width="15%" Opacity="1" Alignment="Left" X="10%" >
            </Circle>
            <Circle Height="67%" Width="80%" Layer="Overlay" ux:Name="MainMedia" Color="Purple" />
            <Rectangle Width="100%" Color="Red" Layer="Background" Opacity="0" Height="50%" />

        </Panel>

        <Panel ux:Name="botLayer">
        </Panel>



    </Panel>



    <Panel>
        <LinearNavigation ux:Name="navigation">
            <NavigationMotion GotoEasing="QuadraticOut" GotoDuration=".5" />
        </LinearNavigation>
        <SwipeNavigate SwipeDirection="Left" />

        <Each Count="9">
            <Media />
        </Each>

    </Panel>
</App>
4

In that code snippet you are missing both the Y and Height attribute

5

Anders Bondehagen wrote:

In that code snippet you are missing both the Y and Height attribute

Ahh my mistake, i had the Y removed purposely because it wasn’t working, i didn’t realize i didn’t have height in there, thank you! Guess this wasn’t a bug report, my mistake