Elevator Panel Magic v2.0.9 update
This is a major update that includes new features and enhancements.
New Features Added
- Animation refinements
- Enhanced onmousover and new onmouseout capabilities
- Link Current Marking
- Advanced Current Marker utility
- Updated CSS
- Updated IE Conditional Comments
- Compatibility hooks for Megavator Menus (available for separate purchase as an add-on component to Elevator Panel Magic)
This update also includes cumulative changes from the 1.3.4 and earlier updates:
- Adds Always Keep One Panel Open option—This will set up your widget so that at least one panel is always open
- Adds Safari/Firefox Back Button Fix—Safari and some versions of Firefox use a rendering shortcut (to make their browser appear faster than it is) by failing to fully re-initialize scripts when accessing a page via the browser's history feature (back or forward buttons).
- Provides support for IE5 Mac—The widget is now functional in IE5 Mac.
- Fixed animation issue for Elevators contained inside hidden DIVs.
- Fixed issue when using URL paramaters to open panels with multiple EPM widgets on the same page
Do you need the update?
You only need to update If your current version is less than 2.0.9
To be certain, open Extension Manager and check your version number. If your current version is less than 2.0.9, you need to install the Update.
Download the Updater
Click the link below to download the updater zip file:
Unzip the archive and open the readme_first file for installation instructions.
Alternatively, if you have your Order Number and Password and you'd like to download the latest full version, go to the Digital River customer service center:
Follow the instructions to find your order based on order number and password.
Once you locate your order, you will have access to the download.
Installing your Product
- Open the Extension Manager
- In Dreamweaver, choose Commands > Manage Extensions
The Adobe or Macromedia Extension Manager interface will open - Choose File > Install Extension
The Select Extension to Install dialog will open - Navigate to the folder in which you unzipped your product download and select the P7_EPM_upd208.mxp file.
- Click the Install button. The installation will begin.
- Click the Accept button on the License screen to continue the installation.
- Accept or click "Yes to All" to accept all overwrite prompts
When the installation is complete, a dialog will inform you that you must close and re-start Dreamweaver in order for the changes to take effect.
- Click the OK button.
You should now see the extension listed in the Extension Manager. - Close and restart Dreamweaver to initialize the extension.
Updating existing Elevator Panel Magic Deployments
To take advantage of the new options and features, you will need to replace the p7EPMscripts.js file linked to your page. By default, this file is inside the p7epm folder at the same level as your page.
Updating the EPM script
- Delete the script file
- When Dreamweaver reports it is being used and would you like to "Delete Anyway?", click Yes
- Open the page that contains your Elevator widget
- Place your cursor inside one of its panels and then open the Elevator interface, as if you were going to edit your widget
- Simply click OK
The system will generate a new, updated script file and new conditional comments. Save your page, then upload the page and the new script file to your Web server.
Updating the EPM CSS file
To update to the latest CSS for your widget's style theme, locate and delete the EPM style sheet that is linked to your page. The EPM style sheets are stored inside sub-folders of the p7epm folder. THe sub-folders are named according to the style theme. For instance, the CSS file for Style Theme 01 - Multicolor would be inside a sub-folder named epm1. The name of the file is p7EPM01.css.
- Delete the file
- Place your cursor inside one of its panels and then open the Elevator interface, as if you were going to edit your widget
- Simply click OK
The system will generate a new, updated CSS file and new conditional comments. Save your page, then upload the page and the new CSS file to your Web server.
Note: If you had previously modified your EPM CSS file, those modifications will be lost.
Making an existing EPM CSS File Conform to the Update
If your CSS is heavily modified and you do not wish to recreate those modifications, you can manually update the file into conformance. The new CSS files add style rules for the new Current Marking feature. You can add those yourself. For this example, we'll assume that you are using Style Theme 01 - Multicolor.
Open the p7EPM01.css file
Make a new line at the bottom and add these 2 rules:
.p7EPM01 .p7epm_trigs a.current_mark { font-weight: bold; }
.p7EPM01 .p7epm_content a.current_mark { font-weight: bold; }
Note that the first part of the selector name, .p7EPM01, must match the Style Theme in use. So if you are updating the style sheet for the 02 - Charcoal theme, your rules would be:
.p7EPM02 .p7epm_trigs a.current_mark { font-weight: bold; }
.p7EPM02 .p7epm_content a.current_mark { font-weight: bold; }
The only other change you'll need to make is to remove border properties from the .p7EPM0X .p7epm_cwrapper rule.
Re-Installing
Should you ever need to re-install your extensions, make sure you install this update after you install the original full version.