Skip ke Konten
Menu
Pertanyaan ini telah diberikan tanda
3 Replies
3956 Tampilan

Hello, so I'm in the chapter 7 of odoo dev, I know how I can show the fields, but the problem is I'm having a difficulty on styling it. 

I tried copying this kind of style.


I'm having difficulty on how can I properly arrange my fields, This is what my form looks like. 



This is my xml file.

https://codeshare.io/RbRopL

Avatar
Buang
Jawaban Terbai

Hi

Try this code,

<record id="test_model_view_form" model="ir.ui.view" style="color:rgb(56,58,66);background-color:rgb(250,250,250);font-size:11pt;">>
<field name="name">test_model.view.form</field>
<field name="model">test_model</field>
<field name="arch" type="xml">
   <form string="Test">
       <sheet>
           <div class="oe_title">
               <h1 class="d-flex flex-row">
                   <field name="name" placeholder="Name"
                          required="True"
                          style="font-size: min(4vw, 2.6rem);"/>
               </h1>
           </div>
           <group>
               <group>
                   <field name="last_seen"/>
                   <field name="postcode"/>
                   <field name="date_availability"/>
                   <field name="expected_price"/>
                   <field name="selling_price"/>
                   <field name="bedrooms"/>
                   <field name="living_area"/>
               </group>
               <group>
                   <field name="facades"/>
                   <field name="garage"/>
                   <field name="garden"/>
                   <field name="garden_area"/>
                   <field name="garden_orientation"/>
                   <field name="active"/>
                   <field name="state"/>
               </group>
           </group>
           <notebook>
               <page name="description" string="Description">
                   <group>
                       <field name="description"/>
                   </group>
               </page>
           </notebook>
       </sheet>
   </form>
</field>
</record>


Hope it helps

Avatar
Buang
Penulis

Thank you, can I ask where can I learn Odoo styling, can I apply normal css style on it?

What's the difference between, sheet, group, notebook and page?

Jawaban Terbai

for grouping fields left and right side you can use separate group tags , you want to group left side and right side.

use notebook page  to add field inside the page (like  description)


Avatar
Buang
Jawaban Terbai

Hi Emman


In the code you shared please the class.

Please find code in comment. 

In case if you have any query regarding this please reach out to us.

Feel free to contact us for further assistance

Hope this answer helps you.

Thanks & Regards,
Email: odoo@aktivsoftware.com     

Skype: kalpeshmaheshwari

Avatar
Buang

Please find code here :-

In the group which you want on the left side add this to your group tag <group class="oe_left">.
And the group you want on the right side add this to your group tag <group class="oe_right">

Post Terkait Replies Tampilan Aktivitas
2
Sep 23
9739
1
Apr 22
4052
0
Okt 21
2524
4
Des 19
6663
3
Apr 24
10762