.NET Tutorials, Forums, Interview Questions And Answers
Welcome :Guest
Sign In
Win Surprise Gifts!!!

Home >> Articles >> Silverlight >> Post New Resource Bookmark and Share   

 Subscribe to Articles

GridSplitter In Silverlight Using Blend Tutorial

Posted By:Diptimaya Patra       Posted Date: March 24, 2010    Points: 25    Category: Silverlight    URL: http://www.dotnetspark.com  

GridSplitter In Silverlight Using Blend Tutorial. This Tutorial discusses how to use a Grid Splitter control in Silverlight using Expression Blend 3.

Crating Silverlight Project

Fire up Expression Blend 3 and create a Silverlight Application. Name it as GridSplitterInSL3.


Go ahead and design your application. In our sample I have designed the following.


I have changed the LayoutRoot as Stack Panel and then I have added a Grid. Inside the Grid it is divided into two columns and each column will contain a Grid.

And the inside Grid is I have placed four Buttons in respective cells.

Follow the XAML code:


Our main objective is to use Grid Splitter. So go ahead and search Grid Splitter in Asset Library.


Now add two Grid Splitters each for the Grids.
And modify the Following Properties.

The next set of Grid Splitters will have a property called ShowPreview. The default value is false. So we will make it True.

Now go ahead and run your application.

You will see the cursor change when you mouse hover the Grid Splitter.

The basic difference between ShowPreview values True and False is when it is set true the preview of resizing is true.


That's it you have successfully used Grid Splitter. Play with it more to know more.

Enjoy Coding.
 Subscribe to Articles


Further Readings:


No response found. Be the first to respond this post

Post Comment

You must Sign In To post reply
Find More Articles on C#, ASP.Net, Vb.Net, SQL Server and more Here

Hall of Fame    Twitter   Terms of Service    Privacy Policy    Contact Us    Archives   Tell A Friend