I know this has been asked serveral times before, but I couldn't find a
working solution for me.
I use the auth.login() and auth.register() forms to build a login screen
similar to twitter. I'm doing this with the following lines of code:
{{=login_form.custom.begin}}
{{=login_form.custom.widget.email}}
{{=login_form.custom.widget.password}}
{{=login_form.custom.submit}}
{{=login_form.custom.end}}
{{=register_form.custom.begin}}
{{=register_form.custom.widget.first_name}}
{{=register_form.custom.widget.last_name}}
{{=register_form.custom.widget.email}}
{{=register_form.custom.widget.password}}
{{=register_form.custom.submit}}
{{=register_form.custom.end}}
After creating the form I use JavaScript to resize and format the
inputboxes:
<script>
jQuery(document).ready(function(){jQuery('[id^=auth_user]').css('width','265px')});
jQuery(document).ready(function(){jQuery('#auth_user_first_name').css('width','124px')});
jQuery(document).ready(function(){jQuery('#auth_user_last_name').css('width','124px').css('margin-left','-5px')});
jQuery(document).ready(function(){jQuery('#auth_user_password').css('width','198px').css('float','left')});
jQuery(document).ready(function(){jQuery('[name=password]:eq(1)').css('width','180px').css('float','left')});
jQuery(document).ready(function(){jQuery('#auth_user_remember').css('width','12px')});
</script>
Because I'm not very familar in using JavaScript and don't like the idea to
use it for formating more than one inputbox, I hope there is another
cleaner and easier way doing this. Maybe with parameters like
{{=register_form.custom.widget.first_name,
_size='124px'}}
Thanks for your help!
Andreas
--
Resources:
- http://web2py.com
- http://web2py.com/book (Documentation)
- http://github.com/web2py/web2py (Source code)
- https://code.google.com/p/web2py/issues/list (Report Issues)
---
You received this message because you are subscribed to the Google Groups
"web2py-users" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to web2py+unsubscr...@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.
