Skip to Content
Odoo Menu
  • Prijavi
  • Try it free
  • Aplikacije
    Finance
    • Knjigovodstvo
    • Obračun
    • Stroški
    • Spreadsheet (BI)
    • Dokumenti
    • Podpisovanje
    Prodaja
    • CRM
    • Prodaja
    • POS Shop
    • POS Restaurant
    • Naročnine
    • Najem
    Spletne strani
    • Website Builder
    • Spletna trgovina
    • Blog
    • Forum
    • Pogovor v živo
    • eUčenje
    Dobavna veriga
    • Zaloga
    • Proizvodnja
    • PLM
    • Nabava
    • Vzdrževanje
    • Kakovost
    Kadri
    • Kadri
    • Kadrovanje
    • Odsotnost
    • Ocenjevanja
    • Priporočila
    • Vozni park
    Marketing
    • Družbeno Trženje
    • Email Marketing
    • SMS Marketing
    • Dogodki
    • Avtomatizacija trženja
    • Ankete
    Storitve
    • Projekt
    • Časovnice
    • Storitve na terenu
    • Služba za pomoč
    • Načrtovanje
    • Termini
    Produktivnost
    • Razprave
    • Odobritve
    • IoT
    • Voip
    • Znanje
    • WhatsApp
    Third party apps Odoo Studio Odoo Cloud Platform
  • Industrije
    Trgovina na drobno
    • Book Store
    • Trgovina z oblačili
    • Trgovina s pohištvom
    • Grocery Store
    • Trgovina s strojno opremo računalnikov
    • Trgovina z igračami
    Food & Hospitality
    • Bar and Pub
    • Restavracija
    • Hitra hrana
    • Guest House
    • Beverage Distributor
    • Hotel
    Nepremičnine
    • Real Estate Agency
    • Arhitekturno podjetje
    • Gradbeništvo
    • Estate Management
    • Vrtnarjenje
    • Združenje lastnikov nepremičnin
    Svetovanje
    • Računovodsko podjetje
    • Odoo Partner
    • Marketinška agencija
    • Law firm
    • Pridobivanje talentov
    • Audit & Certification
    Proizvodnja
    • Tekstil
    • Metal
    • Pohištvo
    • Hrana
    • Brewery
    • Poslovna darila
    Health & Fitness
    • Športni klub
    • Trgovina z očali
    • Fitnes center
    • Wellness Practitioners
    • Lekarna
    • Frizerski salon
    Trades
    • Handyman
    • IT Hardware & Support
    • Sistemi sončne energije
    • Izdelovalec čevljev
    • Čistilne storitve
    • HVAC Services
    Ostali
    • Neprofitna organizacija
    • Agencija za okolje
    • Najem oglasnih panojev
    • Fotografija
    • Najem koles
    • Prodajalec programske opreme
    Browse all Industries
  • Skupnost
    Learn
    • Tutorials
    • Dokumentacija
    • Certifikati
    • Šolanje
    • Blog
    • Podcast
    Empower Education
    • Education Program
    • Scale Up! Business Game
    • Visit Odoo
    Get the Software
    • Prenesi
    • Compare Editions
    • Releases
    Collaborate
    • Github
    • Forum
    • Dogodki
    • Prevodi
    • Become a Partner
    • Services for Partners
    • Register your Accounting Firm
    Get Services
    • Find a Partner
    • Find an Accountant
    • Meet an advisor
    • Implementation Services
    • Sklici kupca
    • Podpora
    • Upgrades
    Github Youtube Twitter Linkedin Instagram Facebook Spotify
    +1 (650) 691-3277
    Get a demo
  • Določanje cen
  • Pomoč

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

  • CRM
  • e-Commerce
  • Knjigovodstvo
  • Zaloga
  • PoS
  • Projekt
  • MRP
All apps
You need to be registered to interact with the community.
All Posts People Badges
Ključne besede (View all)
odoo accounting v14 pos v15
About this forum
You need to be registered to interact with the community.
All Posts People Badges
Ključne besede (View all)
odoo accounting v14 pos v15
About this forum
Pomoč

[SOLVED][odoo12]col-xs-4 and col-4 is not working in qweb report, How to solve it?

Naroči se

Get notified when there's activity on this post

This question has been flagged
qwebreportbootstrapcol-xs-4col-4
3 Odgovori
20282 Prikazi
Avatar
Jignesh Mehta

Hello,

I have created a custom qweb report in odoo-9.0 which is works perfect.

Now, I have to migrate odoo-9.0 code to odoo-12.0, but col-xs-4 or col-4 is not working.

Here is the code and I try with col-xs-4 and col-4 but the result was same.

For Ex:-

<?xml version="1.0" encoding="utf-8"?>
<odoo>
    <template id="report_custom_custom">
        <t t-call="web.basic_layout">                      <!-- Instead of <t t-call="web.html_container"> -->
            <t t-foreach="docs" t-as="o">
                <div class="page">
                    <div class="row">
                        <div class="col-4">
                            TEST
                        </div>
                        <div class="col-4">
                            TEST2
                        </div>
                        <div class="col-4">
                            TEST3
                        </div>
                    </div>
                </div>
            </t>
        </t>
    </template>
</odoo>


Expected Result :-

TEST
TEST2
TEST3
Actual Result :-
TEST
TEST2
TEST3


How to solve this issue in odoo12.0 ?

Any answer will be appreciable.

Thanks,

1
Avatar
Opusti
Maher Khalil

Thank you, It helps me

Avatar
Rakesh Vadeghar
Best Answer

Hey try this 

<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="report_custom_custom">
<t t-call="web.html_container">
<t t-foreach="docs" t-as="o">

<div class="page">
<div class="row mt32 mb32">
<div class="col-xs-4">
<strong>TEST</strong>
</div>

<div class="col-xs-4">
<strong>TEST</strong>
</div>
<div class="col-xs-4">
<strong>TEST</strong>

</div>
</div>
</div>
</t>
</t>
</template>
</odoo>


2
Avatar
Opusti
Jignesh Mehta
Avtor

Hello Rakesh, Thank you for your answer. In odoo-12.0, <t t-call="web.basic_layout"> is used instead of <t t-call="web.html_container"> and <div class="col-4"> is used instead of <div class="col-xs-4">.

Avatar
Santiago Carbonell Forment
Best Answer

Good solution


Thanks

0
Avatar
Opusti
Avatar
Akshay Deo
Best Answer

follow this:

first div creates 12 column then use how much you wanted for one column. total must be 12 column.

<div class="col-xs-12">
<div class="col-xs-4">
<strong>TEST</strong>
</div>

<div class="col-xs-4">
<strong>TEST</strong>
</div>
<div class="col-xs-4">
<strong>TEST</strong>

</div>
</div>
0
Avatar
Opusti
Enjoying the discussion? Don't just read, join in!

Create an account today to enjoy exclusive features and engage with our awesome community!

Prijavi
Related Posts Odgovori Prikazi Aktivnost
odoo 16 report target new page scss
qweb report
Avatar
Avatar
1
apr. 25
2280
Missing external identifier on new external layout template Solved
qweb report
Avatar
Avatar
2
mar. 25
2889
Translate month name in t-esc Qweb report Solved
qweb report
Avatar
Avatar
Avatar
Avatar
Avatar
4
nov. 24
8289
QWeb Report Shows Different When Edit And Print Review Solved
qweb report
Avatar
Avatar
1
mar. 24
3026
How display the currency symbol before the subtotal value on Quotation report? Solved
qweb report
Avatar
Avatar
Avatar
3
sep. 23
26116
Community
  • Tutorials
  • Dokumentacija
  • Forum
Open Source
  • Prenesi
  • Github
  • Runbot
  • Prevodi
Services
  • Odoo.sh Hosting
  • Podpora
  • Nadgradnja
  • Custom Developments
  • Izobraževanje
  • Find an Accountant
  • Find a Partner
  • Become a Partner
About us
  • Our company
  • Sredstva blagovne znamke
  • Kontakt
  • Zaposlitve
  • Dogodki
  • Podcast
  • Blog
  • Stranke
  • Pravno • Zasebnost
  • Varnost
الْعَرَبيّة 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 is a suite of open source business apps that cover all your company needs: CRM, eCommerce, accounting, inventory, point of sale, project management, etc.

Odoo's unique value proposition is to be at the same time very easy to use and fully integrated.

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