Enter the Blend Class Attribute Editor for HTML
Blend includes a nifty value editor specifically designed for the HTML class attribute. You can use it to add, edit, and remove class names for selected elements. More importantly, you can see a visual indicator for each class name that indicates its state.
Class State Indicators
The class attribute editor displays three possible states for each class
State 1: Class Name Added in Markup
The first is the markup state. It appears as the class name with a minus sign (i.e., the Delete button) to the right. This indicates one of three conditions:
Adding, Editing, and Removing Class Names
The plus button at the top is the Add button. Clicking the Add button adds a new class with a default name to the editor.
You can edit individual class names by double-clicking them.
Deleting them is just as easy. Click the minus button and the corresponding class name is removed.
Power User Tips
Power User Tip #1: You can add multiple class names at once by putting a space between each name.
Power-user tip #2: Clicking the Property Marker for the class editor will bring up the option to “Create Style Rule from Element Class”. This option has a fly out menu to let you create a new style rule targeting the selected class name. Go for it, power users!
Let us know what you think about Blend’s new class attribute editor—feel free to leave comments and questions below.
Kirk Schloegel and Brian Hilstrom