Creating a web application that supports for mobile responsive design was never so easy. You have to handle the change of layout if they are being displayed in the various of media screen width type which is narrower than the computer screen width. Some of the general pages that must have the ability to auto-adjust the layout are: Login, Forgot Password, Registration, and Change Password pages. For example, if they are being displayed in the screen width that greater than or equal with 480px, then the form should be displayed in two column, whereas if they are being displayed in the screen lower than 480px (in mobile screen device), then the form should be displayed in left float in one column. The label and the textbox or input control have to auto-adjust to the screen width properly.
No worries, everyone. Now you can generate a web application that contains the Login page, Registration page, Reset Password page, and Change Password page that supports for mobile responsive design layout easily and quickly using PHPMaker 10. No need to customize PHPMaker template, no need to customize the generated script files. All you have to do is by simply enabling MasinoHeaderFooter10, MasinoLogin10, MasinoRegister10, MasinoForgotPwd10, and MasinoChangePwd10 extensions, afterwards regenerate your script files. Make sure you have redownloaded all the extensions for PHPMaker version 10 that I just updated today.
Want to see the demo? Just visit the following pages:
- Login
- Registration
- Forgot Password
- Change Password (needs login)
and then try to resize the width of the browser become smaller, to see it in action.
Enjoy! 🙂
Leave a Reply
You must be logged in to post a comment.