[web2py] Re: change the size of a text field in a form
Add this to your view: $('textarea').css('width','1320px').css('height','70px'); Should change the size. On Thursday, May 17, 2012 at 5:59:11 PM UTC-4, Pystar wrote: > > I would suggest you using custom forms in your view and targeting the > attribute you wish to change with CSS. I find that approach more flexible. > > In the view: > > {{=form.custom.begin}} > ###you can include normal HTML here to build up the form elements and > target it with CSS > or > > {{=form.custom.end}} > > hope that helps? > > On Wednesday, May 16, 2012 4:59:14 PM UTC+1, Marco Prosperi wrote: >> >> >> hello, how can I change the default size of a 'text' field in a form? (at >> first appearance, not dragging the corner) >> >> thanks >> >> Marco >> > -- 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.
[web2py] Re: change the size of a text field in a form
This is exactly what I'm trying to do, none of the suggestions below has changed my form view at all. Must be doing something wrong. I'm trying to avoid using a custom.widget so I don't have to specifically layout everyone of my fields, there are over 30, but I want them to be a fixed width so when the field is displayed, I can also have it be a fixed width and the person entering text will know how wide the viewable area is. On Wednesday, May 16, 2012 at 11:59:14 AM UTC-4, Marco Prosperi wrote: > > > hello, how can I change the default size of a 'text' field in a form? (at > first appearance, not dragging the corner) > > thanks > > Marco > -- 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.
[web2py] Re: change the size of a text field in a form
You can do it via CSS: textarea {width: 400px;} Anthony On Wednesday, May 16, 2012 11:59:14 AM UTC-4, Marco Prosperi wrote: > > > hello, how can I change the default size of a 'text' field in a form? (at > first appearance, not dragging the corner) > > thanks > > Marco >
[web2py] Re: change the size of a text field in a form
I would suggest you using custom forms in your view and targeting the attribute you wish to change with CSS. I find that approach more flexible. In the view: {{=form.custom.begin}} ###you can include normal HTML here to build up the form elements and target it with CSS or {{=form.custom.end}} hope that helps? On Wednesday, May 16, 2012 4:59:14 PM UTC+1, Marco Prosperi wrote: > > > hello, how can I change the default size of a 'text' field in a form? (at > first appearance, not dragging the corner) > > thanks > > Marco >
Re: [web2py] Re: change the size of a text field in a form
And why not : textarea { width: 1320px; height: 70px; } You don't need js for that... Also consider make your textarea elastic there is js plugins for that... :) Richard On Tue, Jan 19, 2016 at 10:38 AM, Ron Chatterjee wrote: > Add this to your view: > > $('textarea').css('width','1320px').css('height','70px'); > > Should change the size. > > On Thursday, May 17, 2012 at 5:59:11 PM UTC-4, Pystar wrote: >> >> I would suggest you using custom forms in your view and targeting the >> attribute you wish to change with CSS. I find that approach more flexible. >> >> In the view: >> >> {{=form.custom.begin}} >> ###you can include normal HTML here to build up the form elements and >> target it with CSS >> or >> >> {{=form.custom.end}} >> >> hope that helps? >> >> On Wednesday, May 16, 2012 4:59:14 PM UTC+1, Marco Prosperi wrote: >>> >>> >>> hello, how can I change the default size of a 'text' field in a form? >>> (at first appearance, not dragging the corner) >>> >>> thanks >>> >>> Marco >>> >> -- > 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. > -- 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.
Re: [web2py] Re: change the size of a text field in a form
Only one thing to be careful of. I believe...If someone use the default scaffolding css and create the form its responsive by default. Means, you open the browser and roll back and see the form shrinks with you. Which is pretty good in a sense that no one needs to have a tablet version or mobile. But with an external css/js, that feature may be lost unless its part of the bootstrap. On Tuesday, January 19, 2016 at 11:00:10 AM UTC-5, Richard wrote: > > And why not : > > > textarea { > width: 1320px; > height: 70px; > } > > > You don't need js for that... > > Also consider make your textarea elastic there is js plugins for that... > > :) > > Richard > > On Tue, Jan 19, 2016 at 10:38 AM, Ron Chatterjee > wrote: > >> Add this to your view: >> >> $('textarea').css('width','1320px').css('height','70px'); >> >> Should change the size. >> >> On Thursday, May 17, 2012 at 5:59:11 PM UTC-4, Pystar wrote: >>> >>> I would suggest you using custom forms in your view and targeting the >>> attribute you wish to change with CSS. I find that approach more flexible. >>> >>> In the view: >>> >>> {{=form.custom.begin}} >>> ###you can include normal HTML here to build up the form elements and >>> target it with CSS >>> or >>> >>> {{=form.custom.end}} >>> >>> hope that helps? >>> >>> On Wednesday, May 16, 2012 4:59:14 PM UTC+1, Marco Prosperi wrote: hello, how can I change the default size of a 'text' field in a form? (at first appearance, not dragging the corner) thanks Marco >>> -- >> 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+un...@googlegroups.com . >> For more options, visit https://groups.google.com/d/optout. >> > > -- 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.
Re: [web2py] Re: change the size of a text field in a form
Don't know if there is anything include in bootstrap now for elastic textarea (I doubt)... Regarding responsiveness, I don't think simple size change from css override will bring any issue, except it it lead to the overriding of the responsive behavior of course. Richard On Tue, Jan 19, 2016 at 2:40 PM, Ron Chatterjee wrote: > Only one thing to be careful of. I believe...If someone use the default > scaffolding css and create the form its responsive by default. Means, you > open the browser and roll back and see the form shrinks with you. Which is > pretty good in a sense that no one needs to have a tablet version or > mobile. But with an external css/js, that feature may be lost unless its > part of the bootstrap. > > > > On Tuesday, January 19, 2016 at 11:00:10 AM UTC-5, Richard wrote: >> >> And why not : >> >> >> textarea { >> width: 1320px; >> height: 70px; >> } >> >> >> You don't need js for that... >> >> Also consider make your textarea elastic there is js plugins for that... >> >> :) >> >> Richard >> >> On Tue, Jan 19, 2016 at 10:38 AM, Ron Chatterjee >> wrote: >> >>> Add this to your view: >>> >>> >>> $('textarea').css('width','1320px').css('height','70px'); >>> >>> Should change the size. >>> >>> On Thursday, May 17, 2012 at 5:59:11 PM UTC-4, Pystar wrote: I would suggest you using custom forms in your view and targeting the attribute you wish to change with CSS. I find that approach more flexible. In the view: {{=form.custom.begin}} ###you can include normal HTML here to build up the form elements and target it with CSS or {{=form.custom.end}} hope that helps? On Wednesday, May 16, 2012 4:59:14 PM UTC+1, Marco Prosperi wrote: > > > hello, how can I change the default size of a 'text' field in a form? > (at first appearance, not dragging the corner) > > thanks > > Marco > -- >>> 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+un...@googlegroups.com. >>> For more options, visit https://groups.google.com/d/optout. >>> >> >> -- > 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. > -- 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.
Re: [web2py] Re: change the size of a text field in a form
It we have a table with text and string...text will remain same and string will shrink. Unless all of them are changed equally. On Tuesday, January 19, 2016 at 5:02:29 PM UTC-5, Richard wrote: > > Don't know if there is anything include in bootstrap now for elastic > textarea (I doubt)... Regarding responsiveness, I don't think simple size > change from css override will bring any issue, except it it lead to the > overriding of the responsive behavior of course. > > Richard > > On Tue, Jan 19, 2016 at 2:40 PM, Ron Chatterjee > wrote: > >> Only one thing to be careful of. I believe...If someone use the default >> scaffolding css and create the form its responsive by default. Means, you >> open the browser and roll back and see the form shrinks with you. Which is >> pretty good in a sense that no one needs to have a tablet version or >> mobile. But with an external css/js, that feature may be lost unless its >> part of the bootstrap. >> >> >> >> On Tuesday, January 19, 2016 at 11:00:10 AM UTC-5, Richard wrote: >>> >>> And why not : >>> >>> >>> textarea { >>> width: 1320px; >>> height: 70px; >>> } >>> >>> >>> You don't need js for that... >>> >>> Also consider make your textarea elastic there is js plugins for that... >>> >>> :) >>> >>> Richard >>> >>> On Tue, Jan 19, 2016 at 10:38 AM, Ron Chatterjee >>> wrote: >>> Add this to your view: $('textarea').css('width','1320px').css('height','70px'); Should change the size. On Thursday, May 17, 2012 at 5:59:11 PM UTC-4, Pystar wrote: > > I would suggest you using custom forms in your view and targeting the > attribute you wish to change with CSS. I find that approach more flexible. > > In the view: > > {{=form.custom.begin}} > ###you can include normal HTML here to build up the form elements and > target it with CSS > or > > {{=form.custom.end}} > > hope that helps? > > On Wednesday, May 16, 2012 4:59:14 PM UTC+1, Marco Prosperi wrote: >> >> >> hello, how can I change the default size of a 'text' field in a form? >> (at first appearance, not dragging the corner) >> >> thanks >> >> Marco >> > -- 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+un...@googlegroups.com. For more options, visit https://groups.google.com/d/optout. >>> >>> -- >> 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+un...@googlegroups.com . >> For more options, visit https://groups.google.com/d/optout. >> > > -- 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.
Re: [web2py] Re: change the size of a text field in a form
F5 or Ctrl+R or delete cache may help sometimes... But it hards to know what you may doing wrong without any code... Richard On Mon, Oct 24, 2016 at 12:56 PM, Steven Vannoy wrote: > This is exactly what I'm trying to do, none of the suggestions below has > changed my form view at all. Must be doing something wrong. I'm trying to > avoid using a custom.widget so I don't have to specifically layout everyone > of my fields, there are over 30, but I want them to be a fixed width so > when the field is displayed, I can also have it be a fixed width and the > person entering text will know how wide the viewable area is. > > > > On Wednesday, May 16, 2012 at 11:59:14 AM UTC-4, Marco Prosperi wrote: >> >> >> hello, how can I change the default size of a 'text' field in a form? (at >> first appearance, not dragging the corner) >> >> thanks >> >> Marco >> > -- > 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. > -- 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.
Re: [web2py] Re: change the size of a text field in a form
I had the same problem and changed but noted that the button 'submit' disappears.any help on how to sort this hout On Tuesday, January 19, 2016 at 7:00:10 PM UTC+3, Richard wrote: > > And why not : > > > textarea { > width: 1320px; > height: 70px; > } > > > You don't need js for that... > > Also consider make your textarea elastic there is js plugins for that... > > :) > > Richard > > On Tue, Jan 19, 2016 at 10:38 AM, Ron Chatterjee > wrote: > >> Add this to your view: >> >> $('textarea').css('width','1320px').css('height','70px'); >> >> Should change the size. >> >> On Thursday, May 17, 2012 at 5:59:11 PM UTC-4, Pystar wrote: >>> >>> I would suggest you using custom forms in your view and targeting the >>> attribute you wish to change with CSS. I find that approach more flexible. >>> >>> In the view: >>> >>> {{=form.custom.begin}} >>> ###you can include normal HTML here to build up the form elements and >>> target it with CSS >>> or >>> >>> {{=form.custom.end}} >>> >>> hope that helps? >>> >>> On Wednesday, May 16, 2012 4:59:14 PM UTC+1, Marco Prosperi wrote: hello, how can I change the default size of a 'text' field in a form? (at first appearance, not dragging the corner) thanks Marco >>> -- >> 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+un...@googlegroups.com . >> For more options, visit https://groups.google.com/d/optout. >> > > -- 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.