Zen Form disabled - node add form
Zen Form enabled, dark color scheme - node add form
Zen Form enabled, light color scheme - node add form

Experimental project

This is a sandbox project, which contains experimental code for developer use only.

Introduction

Zen Form plugin provides you with a distraction free mode that you can add to your forms or single inputs, textareas and selects.

Wrapper module for the Zen Form plugin, created by Idered. Unfortunately, Drupal 7 core includes a rather old version of jQuery and the plugin expects at least jQuery 1.7 (usage of certain functions, namely: .on() and .prop()), so I have created a fork of the plugin on Github, in which I replaced the functions with their "deprecated" counterparts.

Features

  • Makes plugin available as a library (via Libraries module) - easy to use for developers.
  • Adds toggleable distraction free mode to certain forms (defined in hook).

Installation

  1. Download latest version from my fork of the plugin on Github (zip: jquery-support-pre-1.7.zip).
  2. Create zen_form_plugin directory in sites/all/libraries.
  3. Extract the jquery-support-pre-1.7.zip and from the package, copy the files zen-form.js zen-form.css zen-form-sprites.png to sites/all/libraries/zen_form_plugin.

Known issues and limitations

  • Not working if form is in an overlay (core Overlay module).
  • Works only with inputs, textareas and selects.

Future plans

  • Add proper readme file.
  • Admin interface to enable/disable zen mode for certain forms.
  • Support to add zen mode for single elements (instead of entire forms).

Project information