[web2py] LOAD() function breaking CSS animation

[Sushant Taneja]

Hi,

In my view index.html, I have two forms: auth.login() and custom forgot 
password form.
Initially the login form is displayed with a Forgot Password link. When we 
click on the link the form flips(rotates using CSS) and the forgot password 
form is now displayed.

The forgot password form is a SQLFORM.factory generated form and is loaded 
in the page via the following line of code:

{{=LOAD('user','request_reset_password.load',ajax=False,ajax_trap=True)}}

The flip animation i.e. CSS rotation works fine until the forgot password 
form is submitted.
After submission, the CSS breaks

The .load component is as follows:


{{=forgot_pass_form.custom.begin}}
<table id='recover'>
    <tr>
        <td colspan='2'>Give us your email id and we will send you a link 
to reset your password</td>
    </tr>
    <tr>
        <td colspan='2'>{{=forgot_pass_form.custom.widget.email_id}}</td>
    </tr>
    <tr>
        <td>*<a href="#" id="flipToLogin" class="flipLink">Back to Login</a>
*</td>
        <td>{{=forgot_pass_form.custom.submit}}</td>
    </tr>
    <tr>
        <td colspan='2'>
            {{if forgot_pass_form.errors:}}
                <div 
class="error">{{=forgot_pass_form.errors.email_id}}</div>
                {{pass}}
        </td>
    </tr>
</table>
{{=forgot_pass_form.custom.end}}

The bold code above is the link which causes the CSS rotation but after 
submission fails to do so

Can somebody help me understand on what's happening ?

Thanks,
Sushant