This is the last blog from my side in this series. In this I would discuss about CSS property panel, Projects panel, Platform panel, Styles panel and Attribute panel. So let us discuss them one by one :
CSS property panel
The CSS Properties panel in Microsoft Expression Blend 5 for Windows Developer Preview is where you can view and modify the CSS properties of an element that is selected on the artboard or under Live DOM. If you modify an element directly on the artboard with your mouse using the object handles, the property changes will be reflected in the CSS Properties panel. The reverse is also true: if you scale an object by using the value editor under Sizing in the CSS Properties panel, the object will scale on the artboard.
The CSS Properties panel undocked
CSS properties An expandable and collapsible list of CSS properties that can be sorted by category or by name. Click Expand
and Collapse
to toggle between views.
Applied Rules Displays the sources of all the CSS rules that apply to the selected element, including inline, in-document, and external style sheets. The winning rule displays the CSS rule with the highest order of precedence.
View set properties only Check this box to display only those CSS properties that are configured for the selected element.
Category properties When CSS properties are arranged by category, displays all of the properties that belong to the expanded category.
Color editor Select a color from the color picker, by adjusting individual RGBA values, or by specifying hex values, in ARGB order.
Projects Panel
The Projects panel in Microsoft Expression Blend 5 for Windows Developer Preview helps you perform the following tasks:
- View all files associated with the currently open project.
- Open your project files for editing.
- Manage your project files.
The Projects panel as it appears when you view a Metro style app project in Expression Blend 5 for Windows Developer Preview
Search box Type text in the Search box to filter the list of project files.
Solution Contains the Metro style app project and its assets.
References Includes project references such as CSS and JavaScript files.
default.html The code-behind file for the main document.
package.appxmanifest A file that lists your app and its assets and that defines the starting page of your app.
Platform Panel
The Platform panel in Microsoft Expression Blend 5 for Windows Developer Preview lets you select displays, views, and display options.
Views Select the display view for your app, either portrait, landscape, filled or snapped.
Display Select the display resolution of the device for which you’re designing your app.
Show Chrome Uncheck this box to turn off the simulated tablet frame around your app in the Design view.
Override scaling Check this box to emulate the built-in display scaling of the device.
Deploy Target Select the device where your app will be deployed when it builds.
Styles panel
The Styles panel lists all the style sheets attached to the current document and all of the styles defined in them.
You can open the Styles panel by clicking Styles on the Window menu.
Search box Use the Search box to filter the list of assets.
Style sheets Displays all style sheets (CSS) attached to the current document.
Styles Displays styles defined within the style sheets.Attributes panel
The Attributes panel lists attributes for the selected element.
You can open the Attributes panel by clicking Attributes on the Window menu.
ID Displays the type and ID of the selected element.
Search box Use the Search box to filter the list of attributes.
Attributes Click an attribute to edit it. If an attribute has default values, they are displayed in a drop-down menu.
I have done with this series and waiting for your reply.





