Just as the modifications that I have ever made in order to beautify the "Login" page using PHPMaker, then the following modification will also enhance the "Forgot Password" you created with PHPMaker version 8.0.1. This following modifications are also using the same images that used on the modifications in order to beautify the "Login" page.
Updated: This modification has been tested and works fine also for the latest version, PHPMaker 8.0.3 on August 27, 2011.
All we have to do is customizing PHPMaker template file. In other words, we will not modify the generated script files at all.
Please click on the following image below to watch the demo:
[hidepost]
- Make sure you have already downloaded the box-images file, and already extracted all files inside that zip file into your \Script\images\ sub-directory.
-
Open your \Script\forgotpwd.php file, and find this code:
<form action="<?php echo ew_CurrentPage() ?>" method="post" onsubmit="return <!--##=sPageObj##-->.ValidateForm(this);"> <table border="0" cellspacing="0" cellpadding="4"> <tr> <td><span class="phpmaker"><!--##@UserEmail##--></span></td> <td><span class="phpmaker"><input type="text" name="email" id="email" value="<?php ew_HtmlEncode($<!--##=sPageObj##-->->Email) ?>" size="<!--##=FIELD.FldTagSize##-->" maxlength="<!--##=FIELD.FldTagMaxLength##-->" /></span></td> </tr> <tr> <td> </td> <td><span class="phpmaker"><input type="submit" name="submit" id="submit" value="<?php echo ew_BtnCaption($Language->Phrase("SendPwd")) ?>" /></span></td> </tr> </table> </form> <br />
then replace with this following code:
<body onload="document.frmForgotPwd.email.focus()"> <form name="frmForgotPwd" action="<?php echo ew_CurrentPage() ?>" method="post" onsubmit="return <!--##=sPageObj##-->.ValidateForm(this);"> <table border="0" cellpadding="0" cellspacing="0" width="400" align="center"> <tr> <td> <table border="0" cellpadding="0" cellspacing="0" width="420" align="center"> <tr> <td align="left" valign="top" width="4" height="30"><img src="phpimages/sidebox-title-left.gif"></td> <td align="left" valign="middle" background="phpimages/sidebox-title-bg.gif" width="390" height="30"> <font class="option"> <strong><!--##@RequestPwdPage##--></strong></font> </td> <td align="left" valign="top" width="4" height="30"><img src="phpimages/sidebox-title-right.gif"></td> </tr> </table> </td> </tr> </table> <table border="0" cellpadding="0" cellspacing="0" align="center"> <tr valign="top"> <td width="4" align="left" valign="top" background="phpimages/sidebox-bar-left.gif"><img src="phpimages/sidebox-bar-px.gif"></td> <td bgcolor="#FFFFFF" width="" align="left" valign="top"> <table bgcolor="#F0F1F5" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td> <table width="412" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td> </td> <td> </td> <tr/> <tr> <td> </td> <td> </td> <tr/> <tr> <td> <span class="phpmaker"><!--##@UserEmail##--></span></td> <td><span class="phpmaker"><input type="text" name="email" id="email" value="<?php ew_HtmlEncode($<!--##=sPageObj##-->->sEmail) ?>" size="<!--##=FIELD.FldTagSize##-->" maxlength="<!--##=FIELD.FldTagMaxLength##-->" /></span></td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td> </td> <td><span class="phpmaker"><input type="submit" name="submit" id="submit" value="<?php echo ew_BtnCaption($Language->Phrase("SendPwd")) ?>" /></span></td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> </tr> </table> </td> </tr> </table> </td> <td width="4" align="left" valign="top" background="phpimages/sidebox-bar-right.gif"><img src="phpimages/sidebox-bar-px.gif"> </td> </tr> </table> <table border="0" cellpadding="0" cellspacing="0" width="420" align="center"> <tr> <td width="2" height="29" align="left" valign="top"><img src="phpimages/storybox-bottom-left.gif"></td> <td width="394" height="29" background="phpimages/storybox-bottom-bg.gif"> <a href="<!--##=sFnLogin##-->"><!--##@BackToLogin##--></a></td> <td width="8" height="29" align="left" valign="top"><img src="phpimages/storybox-bottom-right.gif"></td> </tr> </table> </form> </body> <br />
[/hidepost]
[…] How to Beautify Your “Forgot Password” Page Created With PHPMaker 8.0.1 […]