[Solved] Scale graphical issues with drag and drop

[Tony Sun]

I've noticed a flaw occurring when I combine a grid view with a scale (to scale up the size of the whole app). Has anyone had any success in making the two work together?

In short what is happening is, gridview doesn't fully co-operate with scaling. The control it self has physically scaled upwards, but the interactions with it have not. The most noticeable affect is that the drag and drop makes the mouse cursor invisible out depending where it is on the screen, as well as the transparent "ghost" of the column being dragged, is also in the not being shown correctly (and is in ratio with the aspect ratio of the scale)




In my screen shots, the mouse curosr doesn't seem to be captured at all. But note, that in the 3rd screen shot, the cursor does actually show, in the 1st 2nd and 4th screen shot it does NOT show
The green cross represents where I started the drag from, the blue is where the house is on the screen right now.
The application is scaled at approximately just under 2:1 from its original size (on both axis)
I'm always dragging the same column, from the same starting position (The D in Description)


http://members.optusnet.com.au/whyisthat/scripts/a%2001.jpg
The first screen shot just shows a small drag of the column. There is no cursor here (as it shows an invalid drop point, i.e. on it self)

http://members.optusnet.com.au/whyisthat/scripts/a%2002.jpg


This screen shot has no visible mouse cursor (as it is still invalid as it is still dropping on it self) and you can see that the description has moved only about half of how far it should've gone. (Remembering 2-1 scale ratio)

http://members.optusnet.com.au/whyisthat/scripts/a%2003.jpg
This screen shot shows a mouse cursor (as it is a valid drop location, in another column), but the description "ghost" column has still only moved half the distance that it should have.

http://members.optusnet.com.au/whyisthat/scripts/a%2004.jpg
And the final screen shot shows what happens when i try to drag it ouside the grid view. Once again, it is an invalid location so the mouse cursor isn't drawn, but the "ghost" description column heading is in the wrong place.


XAML code

    <Grid x:Name="LayoutRoot" Background="#FF86D586" Width="640" Height="480" RenderTransformOrigin="0.5 0.5">
        <Grid.RenderTransform>
            <ScaleTransform x:Name="PageScale" ScaleX="1" ScaleY="1"/>
        </Grid.RenderTransform>
...
Gridview
...
    </Grid>

Resize c# code

        void Page_SizeChanged(object sender, SizeChangedEventArgs e)
        {
           ... misc conditions...
                    PageScale.ScaleY = e.NewSize.Height / _originalHeight;
           ... misc conditions...
                    PageScale.ScaleX = e.NewSize.Width / _originalWidth;
        }

[Tsvyatko]

Hello Tony Sun,

Currently our grid does not fully support this combination. However we are working on improving drag and drop interaction and considering adding such support in one next releases.

All the best,

Tsvyatko

the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Tony Sun]

Just one more tidbit on this note (if you do plan on implementing it in the future)

The filter menu (when you click on the column headings funny triangle) can be drawn off screen when you use scale up a grid (and it's close to the edge of the screen). It attempts to reposition it self, but once again, it does not take into account the scaling.