There are multiple ways to handle this, including Javascript on the client
side, manipulation of form.custom.widget, the web2py server-side DOM, and
custom widgets. Note, when adding a class to an existing element on the
server side, you can use the .add_class method, which intelligently handles
cases where there is already an existing class.
At the form level, you can use the server-side DOM:
form.elements('textarea', replace=lambda el: el.add_class('form-control'))
The above affects only this particular form.
Another option is to create a custom widget, which works at the table level
and therefore affects all forms based on the table:
def text_widget(field, value, text_class='form-control'):
return SQLFORM.widgets.text.widget(field, value).add_class(text_class)
db.define_table('mytable',
Field('myfield', 'text', widget=text_widget))
Finally, you could monkey patch the text widget directly, which would
affect all text fields in all tables:
SQLFORM.widgets.text._class = 'text form-control'
Anthony
On Monday, October 7, 2013 6:32:53 AM UTC-4, Ykä Marjanen wrote:
>
> Glad to help back, as I've gotten so much help from here.
>
> If you like to have a more generic code to add your classes to the form
> objects, you can use the code below. It will add a new class to all
> elements while keeping the web2py classes. I think you could even add this
> to the layout with "try"-statement, so anytime you use any form, it would
> include new classes.
>
> <!-- Additing bootstrap 3 classes to web2py form-->
> {{for element in form.elements():}}
> {{if element['_class']:}}
> {{element['_class'] = str(element['_class']) + " form-control"}}
> {{else:}}
> {{element['_class'] = 'form-control'}}
> {{pass}}
> {{pass}}
>
> Ykä
>
> On Sunday, October 6, 2013 10:31:19 PM UTC+3, Francisco García wrote:
>>
>> Hello Ykä and Paolo,
>>
>> Your answers are very useful for me. The problem is solved.
>> All I needed was this sentence:
>>
>> form.custom.widget.FIELD['_class'] = 'text myclass'}
>>
>> Thank you for your fast answer.
>> Regards.
>>
>>
>> El sábado, 5 de octubre de 2013 09:24:59 UTC+2, Ykä Marjanen escribió:
>>>
>>> Hi Francisco,
>>>
>>> happy to help you, as I've gone a 4 day intensive bootstrap 3
>>> integration to web2py and learned a lot about customizing the views and
>>> forms. This might not be the best (or only) solution, but has worked well
>>> for me:
>>>
>>> - Web2py form includes classes based on their type, which I recommend to
>>> keep, if you want any added web2py functionality.
>>> - You need to use custom form style (form.custom.begin) and then
>>> manipulate each widget separately (or all of them in a for loop)
>>>
>>> Here's my form code in a view (controller is not modified). In this form
>>> I have added "form-control" class of bootstrap 3 and kept the original
>>> class as well. For textarea you can do
>>> "form.custom.widget.textfield['_rows'] = 3" if you want to make a smaller
>>> textarea.
>>>
>>> <<<
>>> <form action="" enctype="multipart/form-data" method="post" role="form">
>>> <div class="form-group">
>>> {{form.custom.widget.campaign['_class'] =
>>> 'generic-widget form-control'}}
>>> {{form.custom.widget.topic['_class'] = 'string
>>> form-control'}}
>>> {{form.custom.widget.topic['_placeholder'] = 'Idea
>>> topic'}}
>>> {{form.custom.widget.description['_class'] = 'text
>>> form-control'}}
>>> {{form.custom.widget.description['_placeholder'] =
>>> 'Idea description'}}
>>> <div class="form-group">
>>> <label for="exampleSelect">Select a
>>> campaign</label>
>>> {{=form.custom.widget.campaign}}
>>> </div>
>>> <div class="form-group">
>>> <label for="exampleInputTopic">Input idea topic
>>> and description</label>
>>> {{=form.custom.widget.topic}}
>>> </div>
>>> <div class="form-group">
>>> {{=form.custom.widget.description}}
>>> </div>
>>> <button type="submit" class="btn btn-primary">Submit
>>> your idea</button>
>>> </div>
>>> {{=form.custom.end}}
>>>
>>> <<<<
>>>
>>> Ykä
>>>
>>> On Friday, October 4, 2013 8:14:33 PM UTC+3, Francisco García wrote:
>>>>
>>>> Hello all,
>>>>
>>>> I am loading a form from a database table, with CRUD or SQLFORM (It is
>>>> the same for me).
>>>> This form contains text fields and textarea fields between others.
>>>>
>>>> Now, I need to change in the views the class of all textareas, from
>>>> class="text" to class="myclass"
>>>> How can I do this from controllers or views? (I can't edit any css
>>>> file).
>>>>
>>>> I am trying with form.custom.widget but I can't change it.
>>>> I'm not sure if it is something simple, or it is impossible to do this
>>>> way.
>>>>
>>>>
>>>> Thank you in advance.
>>>> Regards,
>>>> Francisco
>>>>
>>>
--
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 [email protected].
For more options, visit https://groups.google.com/groups/opt_out.
