Issue

Multi-state buttons created in Fireworks 4 do not work in Fireworks 3.

Reason

In Fireworks 4, button symbols are placed on unshared layers; in Fireworks 3 they are placed on shared layers. Multi-state button symbols located on a non-shared layer in Fireworks 3 will not display the changes between the states. Consequently, when Fireworks 3 opens a Fireworks 4 PNG file containing multi-state buttons, the buttons are placed on a non-shared layer and they will not display the changes across the states.

Solution

If the multi-state buttons are not contained within a symbol, you can open the button or buttons in the Button Editor in Fireworks 3 to cause them to work again. Part 1 below outlines the steps for causing these multi-state Fireworks 4 buttons to work properly in Fireworks 3.

If, however, the Fireworks 4 buttons are contained within a symbol (as in the case of a nav bar symbol), additional steps will be necessary to make the buttons within the symbol function properly in Fireworks 3.

Part 1: Making Fireworks 4 buttons work in Fireworks 3

  1. Create a multi-state button in Fireworks 4 or open a Fireworks 4 PNG file which already has a multi-state button.
  2. Add one frame for each button state after the Up state using the New/Duplicate Frame button at the bottom of the Frames panel. (In other words, the Frames panel should have at least as many frames as there are states in your button.)
  3. Save the PNG file as a new Fireworks 4 file.
  4. Open the new Fireworks 4 file in Fireworks 3.
  5. Double-click the instance of the button on the canvas. If you are in a Preview Mode (such as Preview, 2-up or 4-up) click the Original tab to display the PNG document. Double-clicking the button instance will open the button in the Button Editor.
  6. Choose the Over tab.
  7. Close the Button Editor. This will cause the button to move to a new shared layer in Fireworks 3.
  8. Follow steps 5 through 7 for any other multi-state buttons on the canvas.
  9. Save the PNG file as a new Fireworks 3 file (with a different name). Do not overwrite the Fireworks 4 file since you may need to use it later.

Part 2: Making Fireworks 4 buttons within a nav bar symbol work in Fireworks 3

  1. Open a Fireworks 4 PNG file which has a symbol which contains multi-state buttons. For convenience, this symbol will be referred to as a nav bar symbol in the following steps.
  2. Add one frame for each button state after the Up state using the New/Duplicate Frame button at the bottom of the Frames panel. (In other words, the Frames panel should have at least as many frames as there are states in your buttons.)
  3. Save the PNG file as a new Fireworks 4 file.
  4. Open the new Fireworks 4 file in Fireworks 3.
  5. Choose Window > Library if the Library is not already open. Access the Button Editor by clicking on the button in the Library”launching the Button Editor from within the Symbol Editor will not make the buttons work in Fireworks 3.
  6. Double-click one of the nav bar symbol's buttons in the Library to launch the Button Editor. If you first get the the Symbol Properties dialog box for the button instead, then click Edit to launch the Button Editor.
  7. Choose the Over tab.
  8. Close the Button Editor. This will cause the button to move to a new shared layer in Fireworks 3.
  9. Follow steps 6 through 8 for each of the other buttons contained within the nav bar symbol.
  10. Double-click the nav bar symbol in the Library or double-click the instance of the nav bar symbol on the canvas. This will launch the Symbol Editor.
  11. Delete each of the buttons currently inside the nav bar symbol.
  12. Drag each of the nav bar symbol buttons from the Library back into the Symbol Editor, placing them in the same position as they occupied in Fireworks 4.
  13. Close the Symbol Editor.
  14. Save the PNG file as a new Fireworks 3 file (with a different name). Do not overwrite the Fireworks 4 file since you may need to use it later.

Additional Information

For more details about Fireworks buttons, see Using the Button Editor (TechNote 14302). Building a Nav Bar in Fireworks 3 (TechNote 14306) describes the process of creating a nav bar symbol.

This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License  Twitter™ and Facebook posts are not covered under the terms of Creative Commons.

Legal Notices   |   Online Privacy Policy