How-to guides

• Write lean easy-to-maintain CSS
  • Browser defaults
  • HTML tags
  • Utility classes
    • Handling utility-classes verbosity
• Customize a field
  • Subclass an existing field component
  • Create a new field component
• Customize a view type
  • Subclass an existing view
  • Create a new view from scratch
• Create a client action
• Create a standalone Owl application
  • Overview
  • 1. Root component
  • 2. Creating an assets bundle containing our code
  • 3. XML view that calls the assets bundle
  • 4. Controller that renders the view
• Use Owl components on the portal and website
  • Overview
  • 1. Creating the Owl component
  • 2. Adding your component to the web.assets_frontend bundle
  • 3. Adding an <owl-component> tag to a page
  • Points of caution
    • Layout shift
    • Poorer indexing by search engines
  • When to use Owl components on the portal and website
    • When you don’t care about SEO
    • When you need strong interactivity
• Website themes
  • Setup
    • Install
    • Databases
      • Structure
        • Models
        • Fields
          • Classic fields
          • Relational fields
        • Views
          • Backend vs. Frontend
          • Static vs. Dynamic
          • Standard vs. Inherited
      • Import an existing database
        • Dump
          • Odoo SaaS
          • Odoo.sh
        • Move filestore
        • Database setup
    • Getting started
      • Running Odoo
      • Shell script
      • Sign in
      • Developer mode
  • Theming
    • Theme module
      • Technical naming
      • File structure
      • Initialization
      • Declaration
    • Default options
      • Odoo variables
        • Global
        • Fonts
          • Google fonts
          • Custom fonts
        • Colors
      • Bootstrap variables
      • Views
    • Assets
      • Styles
      • Interactivity
  • Layout
    • Default
    • XPath
      • Expressions
      • Position
    • QWeb
    • Background
    • Header
      • Standard
      • Custom
      • Components
        • Logo
        • Menu
        • Sign in
        • User dropdown
        • Language selector
        • Call to action
        • Navbar toggler
    • Footer
      • Standard
      • Custom
    • Copyright
    • Drop zone
    • Responsive
      • Bootstrap
      • Website Builder
  • Navigation
    • Default
    • Menu item
      • New window
      • External Links
      • Anchor
    • Dropdown menu
    • Mega menu
      • Custom template
  • Pages
    • Default pages
    • Theme pages
      • Header overlay
    • Media
      • Images
      • Videos
      • Icons
  • Building blocks
    • File structure
    • Layout
      • Wrapper
      • Columns
    • Styles
      • Compatibility system
    • Custom
      • Options
      • Groups properties
      • SCSS options
      • JavaScript options
      • Dynamic Content templates
        • Blog posts
        • Products
        • Events
  • Shapes
    • Background shapes
      • Standard
        • Colors mapping
          • Switch colors mapping
          • Add extra colors mapping
      • Custom
    • Image shapes
      • Standard
  • Gradients
    • Standard
    • Custom
  • Animations
    • On appearance
  • Forms
    • Default form
    • Actions
    • Success
    • Bootstrap variables
  • Translations
    • Frontend
    • Backend
    • Export
    • PO file
    • Import
  • Going live
    • Module import
      • Odoo SaaS
      • Odoo.sh
• Web Services
  • XML-RPC Library
  • JSON-RPC Library
• Multi-company Guidelines
  • Company-dependent fields
  • Multi-company consistency
  • Default company
  • Views
  • Security rules
• Create customized reports
  • Create a model
  • Populate the model
  • Use the model
  • Extra tips
• Accounting localization
  • Installation procedure
  • Building a localization module
  • Chart of Accounts
    • Account tags
    • Accounts
    • Account groups
    • Taxes
    • Tax Report
    • Fiscal positions
  • Final steps
  • Accounting reports
• Translating Modules
  • Exporting translatable term
  • Implicit exports
  • Explicit exports
    • Context
    • Variables
    • Blocks
    • Plural
    • Read vs Run Time
• Connect with a device
  • Detect Devices
    • Interface
    • Driver
  • Communicate With Devices
    • Actions
    • Longpolling
• Upgrade a customized database
  • Step 1: Stop the developments
  • Step 2: Request an upgraded database
  • Step 3: Empty database
    • Make custom modules installable
    • Test and fixes
    • Clean the code
    • Standard tests
  • Step 4: Upgraded database
    • Migrate the data
      • Running and testing upgrade scripts
    • Test the custom modules
  • Step 5: Testing and rehearsal
  • Step 6: Production upgrade

Frontend development

Server-side development

Custom development