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.

Buy Now ($60) | View Example Pages | View PDF User Guide

Mobile-Ready Layouts powered by Tab Panel Magic 3

Build mobile-ready and responsive single-page sites in Dreamweaver—instantly. Add as many pages as you need and configure the content layout of each page in single or multi-column formats.


Note: Requires Tab Panel Magic

It couldn't be any easier...

Making a single-page site could not possibly be any easier. Open the responseability interface, select a layout, choose whether to include an extra multi-column footer, create your tabs, configure each tabbed page layout with up to 4 columns and then click OK. Your single-page site will be created instantly.

The Interface

Site Management

Once you create your site using the responseability interface, you can manage it using the Tab Panel 2 interface—from which you can add, remove or reorder tabs; or change animation options (horizontal, vertical, fade, or none). All of the powerful features of Tab Panel Magic are available, including the ability to create new content areas configured in 1-4 column layouts.

Tutorial: Convert Existing Page to use TPM3

In this tutorial we will show how to convert an existing Response-Ability page to use Tab Panel Magic 3.

Go to Tutorial...

Mobile-Ready and Responsive

Your responseability layout will respond to the width of your browser window to ensure that your page always displays in a usable and readable way—in all browsers and on all devices. This is done seamlessly, with CSS, so that one page design fits all devices and all screen sizes.

Pages automatically adjust for optimal display on smartphones, tablets, and desktop computers. Whether you are a CSS novice or a seasoned pro, responseability is a valuable addition to your developer toolkit—instantly providing you with a means to deliver stable responsive designs to your customers and visitors.

Responseability works on Windows and Mac systems running Dreamweaver MX, MX2004, 8, CS3, CS4, CS5, CS5.5, CS6, CC, CC 2014, CC 2015, CC 2016, CC 2017, CC 18 (and higher). For installation tips, please see Using PVII Extensions in Dreamweaver CC...

Key Features

Progressive enhancement

Responseability employs the concept of progressive enhancement. We start with well-formed code that displays all content in all devices. Then we use CSS 3 for rounded corners, shadows, and to reflow and optimize the layout based on browser width and device type. These effects are deployed in ways that enhance modern browsers and devices while assuring an attractive and accessible presentation in older browers.