Click here to Skip to main content
11,706,477 members (45,528 online)
Click here to Skip to main content

Tagged as

Use Expression Blend to change the Layout Type Efficiently

, 22 Jul 2011 CPOL 6K 1
Rate this:
Please Sign up or sign in to vote.
Many time we need to change the layout type of any panel present inside the page. This is mainly a designers job but sometime developers need to change them on their requirement. In that case, people need to find out the start and end tag of the panel and change them accordingly. This is little bit

Many time we need to change the layout type of any panel present inside the page. This is mainly a designers job but sometime developers need to change them on their requirement. In that case, people need to find out the start and end tag of the panel and change them accordingly. This is little bit a tricky process.

 

In this post, I am going to share you the easy process to switch between different layout types. If you are a designer or using Expression Blend, you are already familiar with it. But for a newbie, I think it will be a great help.

 

Here in this tips & trick, I will just show you the technique of changing the layout type of any layout present in your XAML page using the Expression Blend. This will help you in various scenarios if you are not already familiar with that.

 

For example, the below code has a Grid layout inside the XAML page. We will now use blend to change it to a canvas layout. If you want to change it to a different type, you can do that very easily. Let's see the below XAML code:

 

Initial Grid Control as Layout Root

 

Now lets open the page in Expression Blend. In the "Object and Timeline" panel (as shown below), find the layout that you want to convert. Right click on it and from the popup menu click on the submenu called "Change Layout Type". This will open up another submenu where all the layout types will be listed. Click the desired layout panel to convert the selected panel.

 

Changing the Layout Type using Expression Blend

 

 

In our case, we are going to chose the "Canvas" as new layout type as shown in the above screenshot. Now in the XAML, you will notice that the Grid layout has been changed to Canvas layout as shown in the below figure:

 

Grid Control changed as Canvas

 

Hope this tip was helpful for you to understand the trick. You will find it useful when you have a long XAML page and there you want to change between one layout type to another. Thanks for reading this post.

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 (@kunal2383)
Team Leader
India India
Kunal Chowdhury is a Microsoft "Windows Platform Development" MVP (Most Valuable Professional), a Codeproject Mentor, Telerik MVP, Nokia Developer Champion, 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

 
-- There are no messages in this forum --
| Advertise | Privacy | Terms of Use | Mobile
Web02 | 2.8.150819.1 | Last Updated 22 Jul 2011
Article Copyright 2011 by Kunal Chowdhury (@kunal2383)
Everything else Copyright © CodeProject, 1999-2015
Layout: fixed | fluid