Scroll To Top

Enter a query to search our site. Note that you can use "*" and "?" as wildcards. Enclosing more than one word in double quotes ("CSS Layout") will search for the exact phrase.


Added ZXP installer format

ZXP installer now included for compatibility with Dreamweaver CC. Simply re-download your product and you will find a ZXP file that will enable you to install your product into Dreamweaver CC.



Adaptations 1.0.9

Expanded Mobile Device Support

Version 1.0.9 adds enhanced support for mobile devices. The media queries in the response CSS files have been updated to allow for finer control between devices - even to the point where adjustments can be made depending on the device orientation.

Also fixes a cosmetic issue in IE7 that resulted in double scroll bars and includes an updated Equal Heights Column script that addresses minor issues with padding.

If you have existing pages made with a prior version, you can easily update your pages following the simple steps listed below:

Updating existing pages to version 1.0.9

1. Download and install the updated version

To download the latest version, go to our customer service download center:

PVII Download Center

Follow the instructions to find your order or to have your order history sent to you. Once you locate your order, you will have access to the download. Install the update:

  1. Unzip your download
  2. Install the extension using the Extension Manager
  3. When prompted to overwrite existing files or replace your existing version, choose Yes or Yes To All
  4. Restart Dreamweaver to complete the update process

2. Add a Meta Tag

If you are updating from version 1.0.7 (or earlier) you'll need to add a new meta tag. If you are updating from version 1.0.8, the meta tag should already be on your page and you can skip to step 3.

Open your page in Code View and locate the IE Edge meta tag, which looks like this:

<meta http-equiv="X-UA-Compatible" content="IE=Edge" />

Make a new line above the tag and paste in this new meta tag on the new line:

<meta name="viewport" content="width=device-width" />

3. Update your response CSS file and Equal Height Columns script

While in code view, locate the link to the response CSS file in the head. It will look like this:

<link href="p7adaptations/p7adapt-01-response.css" rel="stylesheet" type="text/css" />

The "01" in the name indicates the layout you are using and can be 01, 02, 03, 04, or 05.

Using your Files panel, go to the p7adaptations folder and delete the p7adapt-0X-response.css file and the p7EHCscripts.js file. Dreamweaver will tell you the files are being used and ask if you would like to delete it anyway. Delete it.

Create a new Adaptions page, choosing the same layout as your existing page, and save it in the same folder as your existing page. The system will create a new response CSS file and EQH Columns script file.

Upload your page and the revised response CSS file to your server and you are done!

Also includes update 1.0.8 (25-Aug-12):

Version 1.0.8 added revised responsive CSS files to support newer Android devices.

Also includes update 1.0.7 (15-Aug-12):
Fixes minor issues caused by browser quirks with sub-pixel rendering

At a certain point of window width in flexible layout, modern browsers attempt to return sub-pixel values for width. That is, at a certain point, the width of a page might be 1467.33672 pixels wide. Older browsers simply rounded to whole numbers. If the browser programmer is not careful, the combination of sloppy sub-pixel algorythms that do not precisely factor the width of the vertical scroll bar gutter, and scripts that use width to set dimensions via the DOM, can conflict with the result being a recursion. This rule fixes that by enabling a persistent vertical scroll bar gutter:

body {overflow-y: scroll;}

New pages you make after installing the update will contain revised CSS. If you are dealing with a page made with the previous version, simply copy the above CSS rule and paste it inside your Adaptations style sheet.

Do you need the update?

You only need to update If your current version is less then 1.0.9

To be certain, open Extension Manager and check your version number.