Design Conversions

********************************************************************

Overview

********************************************************************
This module was developed to assist designers in converting fixed layout designs to responsive ones. Of course, you could use a calculator but wouldn't you rather it was conveniently placed in a block and/or page. This is exactly what this module does. It accepts a value that is converted to ems, pixels, or percent. The result is then displayed on the screen.

Explanation of Conversion Options

• Px to Ems
• Ems to Px

Description

Convert pixel based measurements to percent based measurements for layout elements such as column width, padding, and margins.
For example: 300px / 960px = (0.3125) * 100% = 31.25%

• Px to Percent
• Percent to Px

Description

Convert pixel based measurements to em based measurements for text elements.
For example: 10px / 16px = 0.625em

********************************************************************

Installing the Module

********************************************************************

Requirements

Ctools

Installation

• Install as usual, see drupal.org for further information.
• Default settings are 16px for em calculations & 960px for percent calculations with a grid size of 960px.
• An automatic link to the page appears under the Navigation menu.
• All module variables are deleted on uninstall.

Configuration

1. Configure user permissions
Administration » People » Permissions » Administer Conversions Module

2. Configure module block & page settings
Administration » Configuration » Administer Conversions Module

Options

• Choose default value for text conversion
• Choose default value for layout conversion
• Choose default grid size for layout conversion

********************************************************************

Getting Help

********************************************************************
* View help information at Administration » Help » Design Conversions