Search

How to Style the Control Template of a ListBox in a small MVVM application. Discussing multiple Styles, nested Controls, Resource Dictionaries, Similar Control Templates (TreeView), Control Reuse & a few other tips...

Given you have a set of styled controls and each control should have the same look and feel which you defined through a set of colors using in the styles. If you have a color set with a lot of different colors and a large amount of controls and want to change a single color or brush you have to walk all the way through every single control style and change each color values by hand. This becomes overexcited if you want to change the whole color theme.

I desgined a glossy style for the Silverlight 3 ComboBox Control and ComboBoxItem.

LawBot has designed a Circular Accordion Style for the Silverlight 3 Toolkit Accordion Control. 

It is very cool because everything is circular. Imagine the future usability of a design like this e.g. in a Silverlight App created for Windows Phone 7 Series. For now it might be a cool design part for your Silverlight 3 projects.

LawBot designed a TextBox style where the text you type in looks like stamped leather. This TextBox Style is the result of experiments with DropShadow effects on a TextBlock nested in a Border. 

I decided to create a series of leather stamped styles for Silverlight 3 controls. This is Part 1 of this series. It contains the leather stamped styles for the TextBlock, the TextBox and the Button.

View the example and download the sourcecode at the Expression Gallery.

 

In his previous post about buttons and content controls, Pete Brown showed how to do customization using the content property of a button. In this post, he covers styling and builds up the background needed to tackle templating.

Styles in WPF and Silverlight are similar in concept to styles in CSS. They are more powerful in terms of what they can control, but overall the concept is the same.

Like HTML/CSS, the most basic way to set your control’s properties is to do it using regular property statements in the markup.

LawBot designed a new ToolTip example with easing functionality.

Style is a mechanism in Silverlight that allows you to encapsulate control property values as reusable resources. This is conceptually similar to CSS with HTML. Style defines control property values as reusable resources.

The scenario is the classic master-details scenario where perhaps you have a grid of data and when a user selects the row, the details are enabled in a form (or perhaps the child of the element) for editing.