I'm glad to hear this but please keep in mind that the modify you made will
change the width of all elements with "text" and "password" type attribute
as well as select elements.
Therefore if you will be able to target only the interested elements it
will be better. For example:
table#t1 [type="text"], table#t1 [type="password"], table#t1 select {
width: auto !important;
}
should also work but only for the elements children of the table with
id="t1".
Moreover, I suggest you to don't modify web2py files. In the specific case
you should create your css file and reference it in the layout.html as last
css file.
Il giorno mercoledì 26 febbraio 2014 20:39:08 UTC+1, Dominique ha scritto:
>
> Fantastic !
> Now that works fine !
> I changed the line 33 of web2py.css as you advised.
>
> Thank you very much Paolo !
> Dominique
>
> Le mercredi 26 février 2014 20:09:36 UTC+1, Paolo Caruccio a écrit :
>>
>> Generally speaking the issue is due to a rule in web2py.css (
>> https://github.com/web2py/web2py/blob/master/applications/welcome/static/css/web2py.css#L33
>> ):
>>
>> [type="text"], [type="password"], select {
>> margin-right: 5px; width: 300px;
>> }
>>
>> You should override this rule in your css (increasing the specificity).
>> There are several ways to accomplish this goal. One is that in my
>> previous post.
>> Another, more general and therefore less controllable, is:
>>
>> [type="text"], [type="password"], select {
>> width: auto !important;
>> }
>>
>>
>> Il giorno mercoledì 26 febbraio 2014 18:04:08 UTC+1, Dominique ha scritto:
>>>
>>> Thank you Paolo.
>>> It works perfectly on the test model.
>>>
>>> But not on my app, for whatever reason...
>>> I'll investigate that later...
>>>
>>> Anyway thank you very much
>>> Dominique
>>>
>>> Le mardi 25 février 2014 20:01:56 UTC+1, Paolo Caruccio a écrit :
>>>>
>>>> Please try with:
>>>>
>>>> table#t1 input{width:auto;}
>>>>
>>>>
>>>> Il giorno martedì 25 febbraio 2014 18:45:31 UTC+1, Dominique ha scritto:
>>>>>
>>>>> Unfortunately, no ...
>>>>>
>>>>> Le mardi 25 février 2014 18:29:38 UTC+1, Massimo Di Pierro a écrit :
>>>>>>
>>>>>> I think the problem may be the size of the INPUT. Try add this in
>>>>>> style
>>>>>>
>>>>>> input { width: 50px; }
>>>>>>
>>>>>>
>>>>>>
>>>>>> On Tuesday, 25 February 2014 10:49:07 UTC-6, Dominique wrote:
>>>>>>>
>>>>>>> Hello Massino,
>>>>>>>
>>>>>>> Thank you so much for spending some of your time for me. I
>>>>>>> appreciate.
>>>>>>>
>>>>>>> The following codes will show you my problem:
>>>>>>> In the controller:
>>>>>>>
>>>>>>>> def form_test():
>>>>>>>> form = FORM(TABLE(TR(FIELDSET('This is a test for Field 1: ',
>>>>>>>> INPUT(_name='f1', id='f1')),
>>>>>>>> FIELDSET('This is a test for Field 2: ',
>>>>>>>> INPUT(_name='f2', id='f2')),
>>>>>>>> FIELDSET('This is a test for Field 3: ',
>>>>>>>> INPUT(_name='f3', id='f3')),
>>>>>>>> FIELDSET('This is a test for Field 4: ',
>>>>>>>> INPUT(_name='f4', id='f4')),
>>>>>>>> FIELDSET('This is a test for Field 3: ',
>>>>>>>> INPUT(_name='f5', id='f5'))
>>>>>>>> ), _id='t1'))
>>>>>>>> return dict(form=form)
>>>>>>>>
>>>>>>>
>>>>>>> In the view:
>>>>>>>
>>>>>>>> {{extend 'layout.html'}}
>>>>>>>> <style type="text/css">
>>>>>>>> table { font-size: 12px; max-width:80%}
>>>>>>>> td {font-weight:bold;vertical-align:top;}
>>>>>>>> fieldset {width:25%; border: groove}
>>>>>>>> </style>
>>>>>>>> {{=form}}
>>>>>>>>
>>>>>>>> What I get and what I want are shown in the attached images: I want
>>>>>>> all the fields to appear on screen without scrollbars.
>>>>>>> Note that the image "what I want" is just the code (form + css
>>>>>>> script) copied in notepad and opened in firefox.
>>>>>>>
>>>>>>> The table css properties I add in my script seem not to be taken
>>>>>>> into account in web2py.
>>>>>>> The point is that I don't know which web2py file I need to modify
>>>>>>> (and where).
>>>>>>>
>>>>>>> I hope it's clearer ;)
>>>>>>>
>>>>>>> Thank you for your help
>>>>>>> Dominique
>>>>>>>
>>>>>>
--
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.
