For label within its related input, you could use placeholder HTML attribute.
In order to accomplish this you could customize the field widget. For example, the widget for the password field of auth_user table could be db.auth_user.password.widget=lambda f, v: SQLFORM.widgets.password.widget(f, v, _placeholder=f.label, _class="form-control") Read more about widgets in the web2py book http://web2py.com/books/default/chapter/29/7#Widgets <http://web2py.com/books/default/chapter/29/7#Widgets> About css conventions please check http://www.web2py.com/books/default/chapter/29/07/forms-and-validators#CSS-conventions <http://www.web2py.com/books/default/chapter/29/07/forms-and-validators#CSS-conventions> Generally speaking, SQLFORM wraps the form controls (label + input + comment) with a div identified with #mytable_myfield__row where mytable is the tablename and myfield is the fieldname For a more accurate structure of the row wrapper and its content see the web2py formstyles. How stated in the book http://www.web2py.com/books/default/chapter/29/07/forms-and-validators?#SQLFORM Hints can be found in the source code file sqlhtml.py (look for functions > named formstyle_) Form buttons also are wrapped in a container identified with #submit_record__row For example, the following css rules will move the form buttons on the right side #submit_record__row, #submit_record__row .col-sm-9, #submit_record__row .w2p_fw {text-align: right;} Il giorno mercoledì 10 maggio 2017 21:21:03 UTC+2, hardclock ha scritto: > > > Hello everyone. > I'm sorry for the inconvenience,I just started learning css and web2py > recently. With the\is page I want to create a login layout similar to the > on in ubuntu where the input fields are in the middle and the > "username/password" texts are inside the fields. > I was able to change the colors,font and border of the texts and fields > but I couldn't change the submit button nor move any of them out of the > corner.Is there any way to do it?I remembered each field has a > corresponding class but couldn't find it in the manual.Thank you and sorry > for the trouble. > > > h1 { > color: #6b9430; > text-align: center; > font-family: FontAwesome; > font-size: 50px; > font-weight: 300; > text-transform: none !important; > } > body, input, select, textarea { > color: black; > font-family: FontAwesome; > font-size: 10pt; > font-weight: 900; > line-height: 1.65em; > } > input[type='text'], > input[type='password'], > input[type='email'], > input[type='select'] > textarea{ > color: #3b9e3b; > margin-left: auto; > margin-right: auto; > border-radius: 8px; > width: 200px; > height: 20px; > } > I've tried input[type='submit'] and button > > -- 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/d/optout.
