Hoppa till innehåll
Odoo Meny
  • Logga in
  • Prova gratis
  • Appar
    Ekonomi
    • Bokföring
    • Fakturering
    • Utgifter
    • Kalkylark (Affärsanalyser)
    • Dokument
    • Underskrifter
    Försäljning
    • CRM
    • Försäljning
    • Kassasystem Butik
    • Kassasystem Restaurang
    • Prenumerationer
    • Uthyrning
    Hemsida
    • Hemsidesverktyg
    • E-handel
    • Blogg
    • Forum
    • Livechatt
    • Utbildning
    Leveranskedja
    • Lager
    • Tillverkning
    • Produktens livscykel (PLM)
    • Inköp
    • Underhåll
    • Kvalitet
    HR
    • Anställda
    • Rekrytering
    • Ledighet
    • Utvärderingar
    • Rekommendationer
    • Fordon
    Marknadsföring
    • Sociala medier
    • E-postmarknadsföring
    • Sms-marknadsföring
    • Evenemang
    • Automatiserad marknadsföring
    • Enkäter
    Tjänster
    • Projekt
    • Tidrapporter
    • Fältservice
    • Kundtjänst
    • Planering
    • Tidsbokningar
    Produktivitet
    • Diskutera
    • AI
    • IoT
    • VoIP
    • Kunskap
    • WhatsApp
    Community-appar Odoo Studio Odoo Cloud
  • Branscher
    Butiker
    • Bokaffärer
    • Klädbutiker
    • Möbelaffärer
    • Mataffärer
    • Byggvaruhus
    • Leksaksaffärer
    Restaurang & Hotell
    • Barer och pubar
    • Restauranger
    • Snabbmatsrestauranger
    • Gästhus
    • Dryckesdistributörer
    • Hotell
    Fastigheter
    • Fastighetsbyråer
    • Arkitektfirmor
    • Byggföretag
    • Fastighetsägare
    • Trädgårdsmästare
    • Bostadsrättsföreningar
    Hitta en konsult
    • Redovisningsbyrå
    • Odoo Partner
    • Reklambyråer
    • Advokatbyråer
    • Rekrytering
    • Revisioner och certifieringar
    Tillverkning
    • Textiltillverkning
    • Metalltillverkning
    • Möbeltillverkning
    • Livsmedelstillverkning
    • Bryggerier
    • Företagsgåvor
    Hälsa och fitness
    • Sportklubbar
    • Optiker
    • Träningscenter
    • Friskvård
    • Apotek
    • Frisörsalonger
    Hantverk
    • Hantverkare
    • IT-utrustning och kundtjänst
    • Solceller, solpaneler och solenergi
    • Skomakare
    • Städföretag
    • VVS-tjänster
    Övrigt
    • Ideella föreningar
    • Miljöförvaltningar
    • Uthyrning av reklamtavlor
    • Fotografer
    • Cykeluthyrning
    • Återförsäljare av mjukvara
    Upptäck alla Branscher
  • Community
    Utbildning
    • Instruktionsvideor
    • Dokumentation
    • Certifiering
    • Utbildningar
    • Blogg
    • Podcast
    Lär dig med oss
    • Workshops
    • Företagsspelet Scale Up!
    • Studiebesök hos Odoo
    Mjukvaran
    • Ladda ner
    • Jämför utgåvor
    • Versionsinformation
    Samverkan
    • GitHub
    • Forum
    • Evenemang
    • Översättningar
    • Bli en partner
    • Partnertjänster
    • Registrera din redovisningsbyrå
    • Referral Program
    Våra tjänster
    • Partners
    • Revisorer
    • Träffa en rådgivare
    • Implementering
    • Kundrecensioner
    • Kundtjänst
    • Uppgraderingar
    GitHub Youtube Twitter Linkedin Instagram Facebook Spotify
    +1 (650) 691-3277
    Boka en demo
  • Priser
  • Hjälp
Du måste vara registrerad för att kunna interagera med communityn.
Alla inlägg Personer Utmärkelser
Etiketter (Visa alla)
odoo accounting v14 pos v15
Om detta forum
Du måste vara registrerad för att kunna interagera med communityn.
Alla inlägg Personer Utmärkelser
Etiketter (Visa alla)
odoo accounting v14 pos v15
Om detta forum
Hjälp

How can I style Odoo Form?

Prenumerera

Få ett meddelande när det finns aktivitet på detta inlägg

Denna fråga har flaggats
formodoodev
3 Svar
6894 Vyer
Avatar
Emman

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

0
Avatar
Avbryt
Avatar
Cybrosys Techno Solutions Pvt.Ltd
Bästa svar

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

1
Avatar
Avbryt
Emman
Författare

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?

Faris Fathurrahman

https://www.odoo.com/documentation/14.0/fr/developer/reference/addons/views.html

https://www.odoo.com/documentation/16.0/developer/reference/backend/views.html

https://www.odoo.com/documentation/17.0/developer/reference/user_interface/view_records.html

Avatar
Nisarga
Bästa svar

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)


1
Avatar
Avbryt
Avatar
Jainesh Shah(Aktiv Software)
Bästa svar

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

0
Avatar
Avbryt
Jainesh Shah(Aktiv Software)

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">

Njuter du av diskussionen? Läs inte bara, delta också!

Skapa ett konto idag för att ta del av exklusiva funktioner och engagera dig i vår fantastiska community!

Registrera dig
Relaterade inlägg Svar Vyer Verksamhet
Possibility to add dynamic fields in Form view
fields form odoo
Avatar
Avatar
Avatar
2
sep. 23
12547
Disable Edit Button Based on Field State
form odoo Edit
Avatar
Avatar
1
apr. 22
6061
Template Form
form odoo v14
Avatar
0
okt. 21
4332
How to Show Percent(%) symbol when I use Group by? Löst
form group_by odoo
Avatar
Avatar
Avatar
Avatar
4
dec. 19
8898
how to Upload image from webform Löst
image form website odoo
Avatar
Avatar
Avatar
Avatar
3
apr. 24
13564
Community
  • Instruktionsvideor
  • Dokumentation
  • Forum
Öppen källkod
  • Ladda ner
  • GitHub
  • Runbot
  • Översättningar
Tjänster
  • Odoo.sh Hosting
  • Kundtjänst
  • Uppgradera
  • Anpassningsbara modifikationer
  • Utbildning
  • Revisorer
  • Partners
  • Bli en partner
Om oss
  • Vårt företag
  • Varumärkestillgångar
  • Kontakta oss
  • Jobb
  • Evenemang
  • Podcast
  • Blogg
  • Kunder
  • Juridiskt • Integritet
  • Säkerhet
الْعَرَبيّة Català 简体中文 繁體中文 (台灣) Čeština Dansk Nederlands English Suomi Français Deutsch हिंदी Bahasa Indonesia Italiano 日本語 한국어 (KR) Lietuvių kalba Język polski Português (BR) română русский язык Slovenský jazyk Slovenščina Español (América Latina) Español Svenska ภาษาไทย Türkçe українська Tiếng Việt

Odoo är ett affärssystem med öppen källkod som täcker alla dina företagsbehov: CRM, e-handel, bokföring, lager, kassasystem, projektledning, och så vidare.

Odoos unika värdeförslag är att samtidigt vara väldigt enkel att använda men också helt integrerad.

Website made with

Odoo Experience on YouTube

1. Use the live chat to ask your questions.
2. The operator answers within a few minutes.

Live support on Youtube
Watch now