Operation Manual

7
What's new
Last updated 11/30/2015
Support for multiple artboards
You can now open PSDs with multiple artboards in the Dreamweaver Extract panel to extract assets. Each artboard is
displayed as a folder in the layers pane. You can expand or collapse the folder to see or hide its contents.
To zoom in to a specific artboard, simply click the artboard name.
Double-click "FIT" in the panel header to zoom out of the artboard and fit the PSD into the current view.
Support for extracting Drop Shadow
When you extract CSS from a PSD file that has the Drop Shadow property, the property is now extracted as box-shadow
in CSS.
Tips for handling unsupported layer styles
In many scenarios, you create multiple layer styles in a PSD file that work individually, but cannot work together.
Extract checks such cases and provides you suggestions on how to handle these layer styles.
Extract detects the following cases:
• Scenario 1: Multiples instances of any properties that translate into background colors. For example, two Color
Overlays or two Gradient Overlays defined in the PSD file.
• Scenario 2: A Color Overlay with an opacity less than 100% is placed above a Gradient Overlay, or the layer is
assigned a background color. In such a case, it is difficult to determine the blended resultant color.
• Scenario 3: A Gradient Overlay has an opacity less than 100% and the layer has been assigned a background color.
In such a case, too, it is difficult to determine the blended resultant color.
When these cases are detected, Extract displays a warning icon on the layer thumbnail in the Extract panel. The
following warning message is displayed in the layer thumbnail popup, and in the CSS for that layer:
"Layer contains multiple layer styles that cannot be represented in CSS. Use the color picker or extract the layer as an
image."
Additionally, in cases where a semi-transparent background color overlays another background color (scenario 2 and
3 above), values for all of the background colors are displayed in the CSS. You can then extract the required value.
Enhancements to Live view editing
• Enhancements to table editing
• Quick Property Inspector for text
• Changes to Quick Property Inspector of images
Enhancements to table editing
Select row or columns with a single click
You can now select rows and columns of a table in Live view with a single click. A new arrow icon has been introduced
(similar to that in Design View), which you can click to select a row or a column.
1 Select the table to see the Element Display with the sandwich icon.
2 Click the sandwich icon to enter into the table formatting mode.
3 Hover your mouse over the row or column you want to select. Point the mouse to the extreme border of the row or
column to see an arrow that indicates that you can now click to select.
4 Click to select the row or column.