Drupal Association members fund grants that make connections all over the world.
Modal forms make use of the modal feature in the ctools module to open some common forms in a modal window.
No Drupal 8 version is planned. New maintainer welcomed.
- Log in (modal_forms/nojs/login)
- Request new password (modal_forms/nojs/password)
- Create new account (modal_forms/nojs/register)
- Contact (modal_forms/nojs/contact)
- Comment (modal_forms/nojs/comment/reply/%node)
- Webform (modal_forms/nojs/webform/%node)
Function that rewrite normal links to modal forms links (except for webforms) can be activated on the modules configuration page.
Links to the modal version of the forms
To build links in code I recommend using the ctools_modal_text_button() function.
$links = ctools_modal_text_button(t('Modal Login'), 'modal_forms/nojs/login', t('Login via modal')); $links = ctools_modal_text_button(t('Modal Login'), 'modal_forms/nojs/login', t('Login via modal'), 'ctools-modal-modal-popup-small');
It is also possible to build links manually.
<a class="ctools-use-modal" href="modal_forms/nojs/login">Modal Login</a> <a class="ctools-use-modal ctools-modal-modal-popup-small" href="modal_forms/nojs/login">Modal Login</a>
Popup styles and sizes
The include CSS file tries to mimic the default Colorbox style.
The extra class "ctools-modal-modal-popup-small" in the links above tells the module what popup style size to use. There are three options included.
- ctools-modal-modal-popup-small (defaults to 300x300)
- ctools-modal-modal-popup-medium (defaults to 550x450)
- ctools-modal-modal-popup-large (defaults to 80%x80%)
Go to the configurations page for Modal forms to adjust the sizes.
Modal forms screencasts
- Drupal 7 Modal Forms (with Ctools) module from Code Karate
- Maintenance status: Seeking new maintainer
- Development status: No further development
- Reported installs: 14,086 sites currently report using this module. View usage statistics.
- Downloads: 55,491
- Last modified: February 8, 2016
- Stable releases are covered by the security advisory policy.
Look for the shield icon below.