Ir al contenido
Odoo Menú
  • Identificarse
  • Pruébalo gratis
  • Aplicaciones
    Finanzas
    • Contabilidad
    • Facturación
    • Gastos
    • Hoja de cálculo (BI)
    • Documentos
    • Firma electrónica
    Ventas
    • CRM
    • Ventas
    • TPV para tiendas
    • TPV para restaurantes
    • Suscripciones
    • Alquiler
    Sitios web
    • Creador de sitios web
    • Comercio electrónico
    • Blog
    • Foro
    • Chat en directo
    • eLearning
    Cadena de suministro
    • Inventario
    • Fabricación
    • PLM
    • Compra
    • Mantenimiento
    • Calidad
    Recursos Humanos
    • Empleados
    • Reclutamiento
    • Ausencias
    • Evaluación
    • Referencias
    • Flota
    Marketing
    • Marketing social
    • Marketing por correo electrónico
    • Marketing por SMS
    • Eventos
    • Automatización de marketing
    • Encuestas
    Servicios
    • Proyecto
    • Partes de horas
    • Servicio de campo
    • Servicio de asistencia
    • Planificación
    • Citas
    Productividad
    • Conversaciones
    • Aprobaciones
    • IoT
    • VoIP
    • Conocimientos
    • WhatsApp
    Aplicaciones de terceros Studio de Odoo Plataforma de Odoo Cloud
  • Industrias
    Comercio al por menor
    • Librería
    • Tienda de ropa
    • Tienda de muebles
    • Tienda de ultramarinos
    • Ferretería
    • Juguetería
    Alimentación y hostelería
    • Bar y taberna
    • Restaurante
    • Comida rápida
    • Casa de huéspedes
    • Distribuidor de bebidas
    • Hotel
    Inmueble
    • Agencia inmobiliaria
    • Estudio de arquitectura
    • Construcción
    • Gestión inmobiliaria
    • Jardinería
    • Asociación de propietarios
    Consultoría
    • Empresa contable
    • Partner de Odoo
    • Agencia de marketing
    • Bufete de abogados
    • Adquisición de talentos
    • Auditorías y certificaciones
    Fabricación
    • Textil
    • Metal
    • Muebles
    • Alimentos
    • Brewery
    • Regalos de empresas
    Salud y bienestar
    • Club deportivo
    • Óptica
    • Gimnasio
    • Terapeutas
    • Farmacia
    • Peluquería
    Oficios
    • Handyman
    • Hardware y asistencia informática
    • Sistemas de energía solar
    • Zapatero
    • Servicios de limpieza
    • Servicios de calefacción, ventilación y aire acondicionado
    Otros
    • Organización sin ánimo de lucro
    • Agencia de protección del medio ambiente
    • Alquiler de paneles publicitarios
    • Estudio fotográfico
    • Alquiler de bicicletas
    • Distribuidor de software
    Browse all Industries
  • Comunidad
    Aprender
    • Tutoriales
    • Documentación
    • Certificaciones
    • Formación
    • Blog
    • Podcast
    Potenciar la educación
    • Programa de formación
    • Scale Up! El juego empresarial
    • Visita Odoo
    Obtener el software
    • Descargar
    • Comparar ediciones
    • Versiones
    Colaborar
    • GitHub
    • Foro
    • Eventos
    • Traducciones
    • Convertirse en partner
    • Services for Partners
    • Registrar tu empresa contable
    Obtener servicios
    • Encontrar un partner
    • Encontrar un asesor fiscal
    • Contacta con un experto
    • Servicios de implementación
    • Referencias de clientes
    • Ayuda
    • Actualizaciones
    GitHub YouTube Twitter Linkedin Instagram Facebook Spotify
    +1 (650) 691-3277
    Solicitar una demostración
  • Precios
  • Ayuda

Odoo is the world's easiest all-in-one management software.
It includes hundreds of business apps:

  • CRM
  • e-Commerce
  • Contabilidad
  • Inventario
  • PoS
  • Proyecto
  • MRP
All apps
Debe estar registrado para interactuar con la comunidad.
Todas las publicaciones Personas Insignias
Etiquetas (Ver todo)
odoo accounting v14 pos v15
Acerca de este foro
Debe estar registrado para interactuar con la comunidad.
Todas las publicaciones Personas Insignias
Etiquetas (Ver todo)
odoo accounting v14 pos v15
Acerca de este foro
Ayuda

How can I style Odoo Form?

Suscribirse

Reciba una notificación cuando haya actividad en esta publicación

Se marcó esta pregunta
formodoodev
3 Respuestas
5397 Vistas
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
Descartar
Avatar
Cybrosys Techno Solutions Pvt.Ltd
Mejor respuesta

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
Descartar
Emman
Autor

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
Mejor respuesta

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
Descartar
Avatar
Jainesh Shah(Aktiv Software)
Mejor respuesta

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

¿Le interesa esta conversación? ¡Participe en ella!

Cree una cuenta para poder utilizar funciones exclusivas e interactuar con la comunidad.

Inscribirse
Publicaciones relacionadas Respuestas Vistas Actividad
Possibility to add dynamic fields in Form view
fields form odoo
Avatar
Avatar
Avatar
2
sept 23
10835
Disable Edit Button Based on Field State
form odoo Edit
Avatar
Avatar
1
abr 22
4957
Template Form
form odoo v14
Avatar
0
oct 21
3321
How to Show Percent(%) symbol when I use Group by? Resuelto
form group_by odoo
Avatar
Avatar
Avatar
Avatar
4
dic 19
7547
how to Upload image from webform Resuelto
image form website odoo
Avatar
Avatar
Avatar
Avatar
3
abr 24
12195
Comunidad
  • Tutoriales
  • Documentación
  • Foro
Código abierto
  • Descargar
  • GitHub
  • Runbot
  • Traducciones
Servicios
  • Alojamiento Odoo.sh
  • Ayuda
  • Actualizar
  • Desarrollos personalizados
  • Educación
  • Encontrar un asesor fiscal
  • Encontrar un partner
  • Convertirse en partner
Sobre nosotros
  • Nuestra empresa
  • Activos de marca
  • Contacta con nosotros
  • Puestos de trabajo
  • Eventos
  • Podcast
  • Blog
  • Clientes
  • Información legal • Privacidad
  • Seguridad
الْعَرَبيّة 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 ภาษาไทย Türkçe українська Tiếng Việt

Odoo es un conjunto de aplicaciones de código abierto que cubren todas las necesidades de tu empresa: CRM, comercio electrónico, contabilidad, inventario, punto de venta, gestión de proyectos, etc.

La propuesta única de valor de Odoo es ser muy fácil de usar y totalmente integrado.

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