Odoo Help

Welcome!

This community is for beginners and experts willing to share their Odoo knowledge. It's not a forum to discuss ideas, but a knowledge base of questions and their answers.

10

Form Sheet width

By
Francesco OpenCode
on 3/21/13, 1:51 PM 8,577 views

Is possible to increse the width of sheet (form) in a form? With a big monitor I see a form too narrow.

2
Mind And Go
On 5/4/15, 9:55 AM

Additionnaly, you have 2 modules that can do the job  :

https://www.odoo.com/apps/modules/8.0/enlarge_form/

https://www.odoo.com/apps/modules/8.0/web_sheet_full_width/

for me that worked really good

Alberto Lozano
on 5/6/16, 7:06 PM
5
Pablo
On 7/10/13, 8:28 AM

I think I've found a less intrusive solution that, furthermore, it doesn't change the width of all your sheets. This way you'll be able to specify which sheets have a non-standard width:

1- Define your own css classes in your own css file this way:

.openerp .oe_form_sheetbg {
  padding: 16px 0;
  max-width: none !important;
}
.openerp .oe_form_sheet_width_wider {
  max-width: 1100px;
}

Note: it is mandatory that you "overwrite" the oe_form_sheetbg class to add the max-width line. This class is applied by default to the div containing the background image. When you add a class or style to a sheet, the background div gets it too and if you change the sheet width, the background width changes too.

2- Put it inside your module (eg: <yourmodule>/static/src/css/mycssfile.css) and load it in __openerp__.py:

'css': ['static/src/css/mycssfile.css'],

3- Add class="oe_form_sheet_width_wider" to the sheets you want to have different width. If you need to modify an existant sheet through heritage, you can do it this way:

<xpath expr="//sheet" position="attributes">
    <attribute name="class">oe_form_sheet_width_wider</attribute>
</xpath>

If you don't want to create a class for every different width you can use style="max-width: ..." in your sheets, but you'll still have to overwrite the oe_form_sheetbg class as mentioned.

Pablo, I also had the same question, your answer works fine. thanks for the solution.

GG
on 9/18/13, 9:13 AM
3
Egor Tsinko
On 4/29/13, 9:59 PM

I found this link, this should work (unfortunately my karma is too low to post links, but you can copy/paste it in the browser):

Change CSS to Increase Width of Sheet.

Egor

I've used a similar code in a personal web module. It work but somethiong is wrong sometime. This is not a good solution.

Francesco OpenCode
on 4/30/13, 5:22 AM
1
Lucio
On 6/24/13, 2:52 PM

Instead of this:

.openerp .oe_form_sheet_width {
    min-width: 650px;
    max-width: 1260px;
    margin: 0 auto;

I would recommend using something like:

.openerp .oe_form_sheet_width {
    min-width: 50%;
    max-width: 90%;
    margin: 0 auto;

This will automatically set the width to be a pecentage of current window size. The previous answer will make the sheet "too big" sometimes, even when you resize your browser

Hope it helps!

@Francesco Apruzzese, if this still isn't a good answer, can you explain a little which problems did you encountered while using it? I am planning to use this, but maybe you have already found a mistake in this solution that can save me from a headache...

Lucio
on 6/24/13, 2:55 PM

Why does this not work in v8? I am using the same path and the css in the web addon is the same?

EUGE Consulting, E.R. Spada II
on 10/24/14, 12:34 PM

Your Answer

Please try to give a substantial answer. If you wanted to comment on the question or answer, just use the commenting tool. Please remember that you can always revise your answers - no need to answer the same question twice. Also, please don't forget to vote - it really helps to select the best questions and answers!

About This Community

This community is for professionals and enthusiasts of our products and services. Read Guidelines

Question tools

2 follower(s)

Stats

Asked: 3/21/13, 1:51 PM
Seen: 8577 times
Last updated: 5/6/16, 6:31 PM