Edit this page


Anatomy of Visual Style Builder

Visual Style Builder is an end-user application that allows fast and intuitive styling of all controls in the Windows Forms suite. The application is divided into the following major parts:

Control Metadata Tree

tools-visual-style-builder-architecture 001

Element States

This part lists all the VisualStates, visible as defined by the associated
StateManager, for the currently selected metadata in the Metadata Tree.

tools-visual-style-builder-architecture 002

Elements Grid

This part contains all the ElementMetadata instances, associated with an
ItemMetadata. These are definitions for all the elements that can be styled. As
seen from the screen, this list contains definition for the RadButtonElement
itself as well as for its primitive children that do not have own StateManager.
An embedded PropertyGrid allows editing of properties directly in the grid

tools-visual-style-builder-architecture 003


tools-visual-style-builder-architecture 004

This part lists all the repository items available for the currently edited
theme. Items are filtered by the type of the currently selected element in the
Elements Grid – for example if a FillPrimitive is selected the only Fill
repository items are listed.

Preview/Design View

tools-visual-style-builder-architecture 005

This part displays an instance of the currently selected control in the
metadata tree. Two different views are supplied – Preview and Design – where
the preview one simply hosts the control while the design one adds extended
functionality over the hosted control.

Visual Style Builder Selection Path

Selection in Control Metadata Tree, Element States and Elements Grid
completely defines all the conditions needed for an element to be styled. We
have the selected item, its state and the actual element instance that will
have the style settings applied. All operations in the Visual Style Builder are related to its current selection path.

See Also