Skip to Content
Odoo Menu
  • Prihlásiť sa
  • Vyskúšajte zadarmo
  • Aplikácie
    Financie
    • Účtovníctvo
    • Fakturácia
    • Výdavky
    • Tabuľka (BI)
    • Dokumenty
    • Podpis
    Predaj
    • CRM
    • Predaj
    • POS Shop
    • POS Restaurant
    • Manažment odberu
    • Požičovňa
    Webstránky
    • Tvorca webstránok
    • eShop
    • Blog
    • Fórum
    • Živý chat
    • eLearning
    Supply Chain
    • Sklad
    • Výroba
    • Správa životného cyklu produktu
    • Nákup
    • Údržba
    • Manažment kvality
    Ľudské zdroje
    • Zamestnanci
    • Nábor zamestnancov
    • Voľné dni
    • Hodnotenia
    • Odporúčania
    • Vozový park
    Marketing
    • Marketing sociálnych sietí
    • Email marketing
    • SMS marketing
    • Eventy
    • Marketingová automatizácia
    • Prieskumy
    Služby
    • Projektové riadenie
    • Pracovné výkazy
    • Práca v teréne
    • Helpdesk
    • Plánovanie
    • Schôdzky
    Produktivita
    • Tímová komunikácia
    • Schvalovania
    • IoT
    • VoIP
    • Znalosti
    • WhatsApp
    Third party apps Odoo Studio Odoo Cloud Platform
  • Priemyselné odvetvia
    Retail
    • Book Store
    • Clothing Store
    • Furniture Store
    • Grocery Store
    • Hardware Store
    • Toy Store
    Food & Hospitality
    • Bar and Pub
    • Reštaurácia
    • Fast Food
    • Guest House
    • Beverage distributor
    • Hotel
    Reality
    • Real Estate Agency
    • Architecture Firm
    • Konštrukcia
    • Estate Managament
    • Gardening
    • Property Owner Association
    Poradenstvo
    • Accounting Firm
    • Odoo Partner
    • Marketing Agency
    • Law firm
    • Talent Acquisition
    • Audit & Certification
    Výroba
    • Textile
    • Metal
    • Furnitures
    • Jedlo
    • Brewery
    • Corporate Gifts
    Health & Fitness
    • Sports Club
    • Eyewear Store
    • Fitness Center
    • Wellness Practitioners
    • Pharmacy
    • Hair Salon
    Trades
    • Handyman
    • IT Hardware and Support
    • Solar Energy Systems
    • Shoe Maker
    • Cleaning Services
    • HVAC Services
    Iní
    • Nonprofit Organization
    • Environmental Agency
    • Billboard Rental
    • Photography
    • Bike Leasing
    • Software Reseller
    Browse all Industries
  • Komunita
    Vzdelávanie
    • Tutoriály
    • Dokumentácia
    • Certifikácie
    • Školenie
    • Blog
    • Podcast
    Empower Education
    • Vzdelávací program
    • Scale Up! Business Game
    • Visit Odoo
    Softvér
    • Stiahnuť
    • Porovnanie Community a Enterprise vierzie
    • Releases
    Spolupráca
    • Github
    • Fórum
    • Eventy
    • Preklady
    • Staň sa partnerom
    • Services for Partners
    • Register your Accounting Firm
    Služby
    • Nájdite partnera
    • Nájdite účtovníka
    • Meet an advisor
    • Implementation Services
    • Zákaznícke referencie
    • Podpora
    • Upgrades
    ​Github Youtube Twitter Linkedin Instagram Facebook Spotify
    +1 (650) 691-3277
    Získajte demo
  • Cenník
  • Pomoc

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

  • CRM
  • e-Commerce
  • Účtovníctvo
  • Sklady
  • PoS
  • Projektové riadenie
  • MRP
All apps
You need to be registered to interact with the community.
All Posts People Badges
Tagy (View all)
odoo accounting v14 pos v15
About this forum
You need to be registered to interact with the community.
All Posts People Badges
Tagy (View all)
odoo accounting v14 pos v15
About this forum
Pomoc

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

Odoberať

Get notified when there's activity on this post

This question has been flagged
qwebreportbootstrapcol-xs-4col-4
3 Replies
20404 Zobrazenia
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
Zrušiť
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
Zrušiť
Jignesh Mehta
Autor

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
Zrušiť
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
Zrušiť
Enjoying the discussion? Don't just read, join in!

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

Registrácia
Related Posts Replies Zobrazenia Aktivita
odoo 16 report target new page scss
qweb report
Avatar
Avatar
1
apr 25
2381
Missing external identifier on new external layout template Solved
qweb report
Avatar
Avatar
2
mar 25
3121
Translate month name in t-esc Qweb report Solved
qweb report
Avatar
Avatar
Avatar
Avatar
Avatar
4
nov 24
8411
QWeb Report Shows Different When Edit And Print Review Solved
qweb report
Avatar
Avatar
1
mar 24
3149
How display the currency symbol before the subtotal value on Quotation report? Solved
qweb report
Avatar
Avatar
Avatar
3
sep 23
26321
Komunita
  • Tutoriály
  • Dokumentácia
  • Fórum
Open Source
  • Stiahnuť
  • Github
  • Runbot
  • Preklady
Služby
  • Odoo.sh hosting
  • Podpora
  • Vyššia verzia
  • Custom Developments
  • Vzdelávanie
  • Nájdite účtovníka
  • Nájdite partnera
  • Staň sa partnerom
O nás
  • Naša spoločnosť
  • Majetok značky
  • Kontaktujte nás
  • Pracovné ponuky
  • Eventy
  • Podcast
  • Blog
  • Zákazníci
  • Právne dokumenty • Súkromie
  • Bezpečnosť
الْعَرَبيّة 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 je sada podnikových aplikácií s otvoreným zdrojovým kódom, ktoré pokrývajú všetky potreby vašej spoločnosti: CRM, e-shop, účtovníctvo, skladové hospodárstvo, miesto predaja, projektový manažment atď.

Odoo prináša vysokú pridanú hodnotu v jednoduchom použití a súčasne plne integrovanými biznis aplikáciami.

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