MasinoRegister10, Customizing your User Registration Page in Web Applications that Generated by PHPMaker 10

MasinoRegisterPwd10 extension will customize your User Registration page in web applications that generated by PHPMaker 10. You will see a new panel in this page so that the User Registration form will become eye-catching. The panel width will auto-adjust to the maximum width of the your web application. This extension also has the ability to hide the breadcrumb links that generated by PHPMaker 10. By default, PHPMaker 10 will generate the breadcrumb links on the User Registration page. By using MasinoRegister10 extension, then the breadcrumb links will be hidden by default. I don’t see the functionality of this breadcrumb links on the User Registration page, so it is better to hide it by default.

This extension will also handle the multi language email template that being used by User Registration business-logic. If your web application is running the multi language feature, then your web application users will receive the email based on the selected language they chose. In addition, the Subject email will include your application name. This is very useful for your users to distinguish the email belongs to which web application. Therefore, they will not get confused if they are using some of your web applications that generated by PHPMaker. As we have already known, PHPMaker has not handled all these things, yet!

As the customization I did for the similar extension for PHPMaker version 9.2.0, this extension also will handle the Terms and Conditions page that precedes before the User Registration form. You can either display or hide this Terms and Conditions part by adjusting the related setting from the generated configuration (ewcfg10.php) file.

From the generated User Registration page, now you can either display or hide the Captcha (security code) by adjusting the related setting in the generated (ewcfg10.php) file. The same way also if you want to display or hide the breadcrumb links, to change the panel type of the User Registration page, and to implement or disable the Password Strength Meter and policy. In other words, each time you want to change the settings and see the result you don’t have to re-generate the script files. All you have to do is by adjusting the related setting from the generated configuration file.

To display or hide the Captcha on the User Registration page, then adjust the following code from your ewcfg10.php file:

define("MS_SHOW_CAPTCHA_ON_REGISTRATION_PAGE", FALSE, TRUE); // <-- Switch FALSE (second param) to TRUE if you want to display Captcha on the Registration page

To display or hide the breadcrumb links on the User Registration page, then adjust the following code from your ewcfg10.php file:

define("MS_SHOW_BREADCRUMBLINKS_ON_REGISTER_PAGE", FALSE, TRUE);

To adjust the panel type on the User Registration page, then adjust the following code from your ewcfg10.php file:

define("MS_REGISTER_FORM_PANEL_TYPE", "panel-default", TRUE); // available: panel-default, panel-primary, panel-success, panel-warning, panel-danger, panel-info

To switch the window type from default to popup for the Registration page, then make sure you have the following code from your ewcfg10.php file become:

define("MS_REGISTER_WINDOW_TYPE", "popup", TRUE); // available: default, popup

To display or hide the Terms and Conditions page that precedes the User Registration form, then adjust the following code from your ewcfg10.php file:

define("MS_SHOW_TERMS_AND_CONDITIONS_ON_REGISTRATION_PAGE", TRUE, TRUE);

To display or hide the grid table on the User Registration form, then adjust the following code from your ewcfg10.php file:

define("MS_SHOW_GRID_TABLE_ON_REGISTRATION_PAGE", FALSE, TRUE);

To implement or disable the Password Strength policy in the User Registration form, then adjust the following code from your ewcfg10.php file:

define("MS_PASSWORD_MINIMUM_LENGTH", 6, TRUE); // default minimum 6 characters
define("MS_PASSWORD_MAXIMUM_LENGTH", 20, TRUE); // default maximum 20 characters
define("MS_PASSWORD_MUST_COMPLY_WITH_MIN_LENGTH", TRUE, TRUE);
define("MS_PASSWORD_MUST_COMPLY_WITH_MAX_LENGTH", TRUE, TRUE);
define("MS_PASSWORD_MUST_INCLUDE_AT_LEAST_ONE_NUMBER", TRUE, TRUE);
define("MS_PASSWORD_MUST_INCLUDE_AT_LEAST_ONE_LETTER", TRUE, TRUE);
define("MS_PASSWORD_MUST_INCLUDE_AT_LEAST_ONE_CAPS", TRUE, TRUE);
define("MS_PASSWORD_MUST_INCLUDE_AT_LEAST_ONE_SYMBOL", TRUE, TRUE);
define("MS_PASSWORD_MUST_DIFFERENT_OLD_AND_NEW", TRUE, TRUE);

However, in order to adjust the default setting of those last thirteen constants settings above, then you can define them from the Advanced setting of MasinoRegister10 extension, under the Tools -> Extensions -> MasinoRegister10 -> Advanced tab. Especially for Captcha setting on the User Registration page, you can define the default setting of it from the Security -> Advanced -> User Login Options -> User Registration Page of PHPMaker.

Please note that in order to display all the changes in the User Registration page properly, then you have to enable also MasinoCustomCSS10 and MasinoCaptcha10 extensions. The reason for this, since the custom CSS code which will customize the User Registration page will be generated using MasionCustomCSS10 extension, and the Captcha code will be generated by using MasinoCaptcha10 extension.

Updated on October 8, 2013: Now the date and time of users registration is saved into the User Profile of user.

Updated on October 10, 2013: Some code customization that related to other extensions.

Updated on October 14, 2013: implemented Alertify besides for alert dialog, also for confirmation dialog.

Updated on November 19, 2013: Fixed: Captcha not showing on the Registration form if MasinoFixedWidthSite10 extension is enabled.

Updated on March 3, 2014: Added: The ability of suspending the new user accounts so that only Admin user will be able to activate them.

Updated on March 15, 2014: Added: mobile responsive design layout for Registration form.

Last Updated on May 22, 2014: Added: Popup or Default options to display the Registration Form as the popup window or as the normal page (as you have been using until now).

Conclusion:

As the conclusion and recap, here is the advantage of MasinoRegister10 extension:

1. A new option for displaying the Registration Form as a popup window. However you may still use the default option for the normal page.
2. A new panel for the User Registration page so that the form will become eye-catching. You can even change the panel style from the generated configuration (ewcfg10.php) file.
3. The ability to hide or display the breadcrumb links on the Login page (default is hidden). Simply adjust the related setting in the generated configuration (ewcfg10.php) file.
4. The ability to display the Captcha security code without having to re-generate the script files. Simply adjust the related setting in the generated configuration (ewcfg10.php) file.
5. The ability to display the Terms and Conditions page that precedes the User Registration form. Simply adjust the related setting in the generated configuration (ewcfg10.php) file.
6. The ability to display the Password Strength Meter, both for Password and Confirm Password fields so that your web application users will feel more comfortable. Simply adjust the related setting in the generated configuration (ewcfg10.php) file.
7. The ability to implement Password Strength policy in the User Registration form. Simply adjust the related setting in the generated configuration (ewcfg10.php) file.
8. The ability to display the fields without using grid table as generated by PHPMaker by default. This will make your User Registration form become neater and clean. Simply adjust the related setting in the generated configuration (ewcfg10.php) file.
9. The ability to set focus on the first input element on the form. Believe me, this is simple, yet needed by many users.
10. Supports for the multi-language email template. You can even add another email language template based on the existing email template in this extension.
11. The Subject of email has included the web application name to distinguish and make sure the email came from the right web application.
12. Saved the date and time of users registration into the User Profile.

Download Link:

Demo