Introduction
In this article we will see how we can make a Stack Panel Scrollable. That means when there are many Children of a Stack Panel how can we see it while scrolling.
Creating Silverlight Project
Fire up Blend 3 and create a Silverlight Application. Name it as ScrollableStackPanelInSL3.
Here is the basic idea what we will do: we will add a Scroll Viewer to the Application and add a Stack Panel and we will see how changing some properties will give us a Scrollable Stack Panel.
Go ahead and draw a Scroll Viewer. You can find it in the Asset Library.
After adding and giving it a width and height you will find that the default Scroll Bar is Vertical.
For our requirement we will make it as Horizontal. Just change the below properties and you are done with Scroll Viewer. 
You can see from the above figure; that I have Disabled the Vertical Scroll Bar and made Auto for the Horizontal Scroll Bar.
Now add a Stack Panel into the Scroll Viewer name it as MyStackPanel. 
Now I have changed some properties like Horizontal Alignment to Left and the most important property I have changed is the Width property. I have made it Auto.
Now add a Button to the Application and name it as btnAddItem. 
In the Button’s Click event Handler we will add the following code:
{codecitation class="brush: csharp; gutter: true;" width="700px"}
private void btnAddItem_Click(object sender, RoutedEventArgs e)
{
MyStackPanel.Children.Add(AddItems());
}
private Button AddItems()
{
Button btn = new Button();
btn.Width = 150;
btn.Height = 100;
btn.Content = "Button";
return btn;
}
{/codecitation} In the above code I am adding a Button. Now if you will run your application and add some items to the Stack Panel; you will see when it reaches out of the view the Scroll Viewer’s Horizontal Scroll is activated. And if you will scroll right you will find the items you added. 
That’s it we have successfully achieved Scrolling for a Stack Panel.
Enjoy Coding.
| About the Author |
 | | Diptimaya Patra |
Description :I am a Master in Computer Application (MCA) from SRM University, Chennai. I am MCTS in ASP.Net Web Development, and MOSS 2007 Administration. I have extreme exposure to Microsoft Technologies in recent times like Silverlight 2, Silverlight 3. I am from Cuttack, Orissa. You can reach me using this mail (diptimaya.patra@gmail.com). Currently I am working as a Software Engineer in UST Global Inc in Trivandrum Center.
Occupation :Software Engineer
Company : UST Global.
Location : India
Follow me at twitter : http://twitter.com/dpatra
|
|
|