VisualStyler enables you to select, preview and import visual styles at design-time. There are 22 default styles provided with the product, and these can be selected at any time by either using the VisualStyler add-in, component designer or properties window. However there is currently over 2000 visual styles freely available, and you can import any number of new styles which are automatically added to this list.

Step 1. For this example we will use the component designer, Open the main form of your application and click on the VisualStyler component and select the designer tasks by clicking on the small arrow on the top right hand corner. This will reveal the designer panel as shown below, now click on the 'Browse Visual Styles' link.

Step 2. You will now see the Style browser dialog, this enables you to browse through all of the available skins, this list includes the 22 skins we provide and any imported skins. The skins can be displayed in a List or Thumbnail format which can be selected by clicking on either the list or thumbnail button on the browser Toolbar.

Step 3. Select a skin from the list and click OK or Cancel. If you are using the VisualStyler add-in, the skin will automatically be applied to any open forms, otherwise if the 'Save as Resource' option is set then the skin will be embedded in your application as a resource.