Skip to Content
This question has been flagged
viewstyletreecss
2 Replies
20564 Views
Avatar
ZEeineb

Hi,

Could someone please tell me how to center the header of a tree view . I've tried to use a class css with the attribute text-align:center and noted it in the field (xml).

But this didn't work.

Avatar
Discard
Avatar
ZEeineb
Author Best Answer

Hi,

you can try to do so that was helpful for me

Using selector [data-id="my_field"]====> for a specific th tag and [data-field="my_field"] ====>for specefic td tag

Add the following code in your custom css file

[data-id="my_field"]
{
   /*css properties */  
}

[data-field="my_field"]
{
    /*css properties */
}
Avatar
Discard
Ankit H Gandhi(AHG)

Thanks @ ZEeineb

Avatar
Hiral Patel (hip)
Best Answer

Hello,

In openerp-web -> addons -> web -> static -> src -> base.css you can find out following class :

.openerp th { font-weight: bold; vertical-align: middle; }

Modify this class by adding : text-align: center;

After modification refresh the browser, The header of tree view is aligned to 'center'.

Avatar
Discard
ZEeineb
Author

Thank you for your answer.

ZEeineb
Author

The concern is that we apply a CSS style to the whole list so all the titles in this list will be centered or right where the same for all values ​​will be centered or right or left. Can we apply a style for a specefic tree or for specefic titles on the tree? Thank you.

Atchuthan - Technical Consultant, Sodexis Inc

@Hiral Patel, can we change the css alignment only for a particular tree?

Hiral Patel (hip)

It may be possible to apply for particular module by extend particular template, add class to <thead>, but not sure about this.

Related Posts Replies Views Activity
How do dynamically set the value of a style attribute based on the value from the model? Solved
style css
Avatar
Avatar
Avatar
Avatar
Avatar
4
मार्च 24
15144
Column width on tree view in Odoo15 Solved
xml style tree column css
Avatar
Avatar
1
जुल॰ 22
12433
Inverse of css class oe_edit_only? Solved
view css
Avatar
Avatar
Avatar
Avatar
Avatar
12
अग॰ 20
25359
How to add css to any row in a tree view based on a condition Solved
view tree
Avatar
Avatar
1
मार्च 15
13090
There is a fix for dynamic tree glitch?
view tree
Avatar
0
मार्च 15
4985