ctm-placeholder-label

Description

This extension simulates labels as a placeholder and animates them on their active or filled state. The thememanager configuration will be extended by 4 more fields (see settings)

After compiling your theme, make sure to add:

• _placeholderlabel.css to your Layout stylesheet settings
• js_ctm_placeholderlabel to your javascript template

Make sure to follow following order of css files in your layout

1. ...
2. _theme.css (theme manager core)
3. _placeholderlabel.css

Settings

ThemeManager

JavaScript

By modifying the file js_ctm_placeholderlabel, you can modify and override the placeholder label init.

Options

{
    selector: 'form',         // Parse selector
    excludeClass: 'pl-none',  // Using this class on a <form> will disable plabel
    include: [                // Considered fields
      '.pl-parent input',
      '.pl-parent select',
      '.pl-parent textarea'
    ]
}