Click here to Skip to main content
12,395,358 members (66,865 online)
Click here to Skip to main content
Add your own
alternative version

Tagged as

Stats

20.5K views
3 bookmarked
Posted

How to Reposition a Silverlight Child Window?

, 21 Nov 2010 CPOL
Rate this:
Please Sign up or sign in to vote.
How to Reposition a Silverlight Child Window?

Sometimes, we need to reset the position of the Silverlight Child Window at the center of the screen. This is generally required when you have a static instance of the ChildWindow and you want to use the same instance to show various messages in the screen. When you load the ChildWindow for the first time, by default it loads at the screen center. But think when your user repositions that ChildWindow to a different location in the screen, closes and reopens it, what will happen?

What you will see is, the ChildWindow opens at the same location where the user closed it the last time. So, how can we reset it to the center of the screen? This small tip will help you to achieve the functionality. Read it to know more details. The code is available for use.

The Silverlight ChildWindow internally implements its Template with a Grid named “ContentRoot”. If you edit your ChildWindow Template, you will see the following code:

<Grid x:Name="ContentRoot" 
      HorizontalAlignment="{TemplateBinding HorizontalAlignment}" 
      VerticalAlignment="{TemplateBinding VerticalAlignment}" 
      Height="{TemplateBinding Height}" Width="{TemplateBinding Width}"
      RenderTransformOrigin="0.5,0.5">
    <Grid.RenderTransform>
        <TransformGroup>
            <ScaleTransform/>
            <SkewTransform/>
            <RotateTransform/>
            <TranslateTransform/>
        </TransformGroup>
    </Grid.RenderTransform>
.
.
.
</Grid>

You will see, it has a Grid named “ContentRoot”, which also has RenderTransform implemented in it. The TransformGroup of the Grid.RenderTransform contains various transformations of the Grid panel like ScaleTransform, SkewTransform, RotateTransform and TranslateTransform.

Here the TranslateTransform is used to position the ChildWindow. If you can set the X and Y coordinates of the TranslateTransform of the ChildWindow, you are done.

In this post, I will show you how to achieve that. To do this, we will create an Extension class for the ChildWindow and will implement the method to center it in the screen.

Let’s have a look into the implemented class here: 

/// <span class="code-SummaryComment"><summary>
</span>

We created a static class having a static method “CenterInScreen()” which takes the instance of the ChildWindow as the parameter. From the instance of the ChildWindow, we will get the root which is nothing but a Grid. This Grid consists of another Grid named “ContentRoot”. Once you get the ContentRoot from the ChildWindow template, we can iterate through the TransformGroup to find the TranslateTransform. It is by default present in ChildWindow. Once you get the Translate Transform, change its X and Y coordinate values to ‘0’ (zero).

That’s all about it. If you want to position it somewhere else, set them there instead of ‘0’. Remember that, before doing this operation, i.e., before calling the CenterInScreen() your Child Window needs to be added in the layout. If you didn’t add the ChildWindow to the layout before calling the method, you will see the “ArgumentOutOfRangeException”:

image

The extension method will help you to call the CenterInScreen() directly from the ChildWindow instance. Hope this information will help you when you work with the same.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Share

About the Author

_Kunal Chowdhury_
Software Developer (Senior)
India India
Kunal Chowdhury is a Microsoft "Windows Platform Development" MVP (Most Valuable Professional), a Codeproject Mentor, Telerik Developer Expert, Nokia Developer Champion, Windows 10 Champion, Microsoft Rockstar, Speaker in various Microsoft events, Author, passionate Blogger and a Software Engineer by profession.

He is currently working in an MNC located in India. He has a very good skill over XAML, C#, Silverlight, Windows Phone, WPF and Windows Store (WinRT) app development. He posts his findings, articles, tutorials in his technical blog and CodeProject.

Technical Blog: http://www.kunal-chowdhury.com
Facebook: http://facebook.com/blog.kunal
Twitter : http://twitter.com/kunal2383

You may also be interested in...

Comments and Discussions

 
QuestionMy Vote of 5 Pin
Member 94749396-Jun-13 22:42
memberMember 94749396-Jun-13 22:42 
GeneralMy vote of 5 Pin
folencao26-Jan-11 19:41
memberfolencao26-Jan-11 19:41 
GeneralMy vote of 5 Pin
Abhijit Jana23-Nov-10 17:44
mvpAbhijit Jana23-Nov-10 17:44 
GeneralRe: My vote of 5 Pin
Kunal_Chowdhury8-Jan-11 5:09
mvpKunal_Chowdhury8-Jan-11 5:09 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

| Advertise | Privacy | Terms of Use | Mobile
Web02 | 2.8.160721.1 | Last Updated 21 Nov 2010
Article Copyright 2010 by _Kunal Chowdhury_
Everything else Copyright © CodeProject, 1999-2016
Layout: fixed | fluid