ODOO 8 – Editions Qweb – Utilisation de Bootstrap (7/9)

Le positionnement des textes et/ou images se fait à l'aide de Twitter Bootstrap.
Le principe est de placer son texte dans des lignes ("row") et des colonnes (ex: "col-xs-*") sachant qu'il faut toujours avoir 12 colonnes dans une ligne :
<?xml version="1.0" encoding="utf-8"?>
<openerp>
    <data>
        <template id="x_sale_report" inherit_id="sale.report_saleorder_document">
            <xpath expr="//div[@class='page']" position="replace">
                <div class="page">

                    <div class="row">
                        <div class="col-xs-3">
                               <!-- etc -->              
                        </div>
                        <div class="col-xs-9 text-right" style="font-weight:bold">
                               <!-- etc -->                              
                        </div>
                    </div>

                </div>
            </xpath>
        </template>

    </data>
</openerp>

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *