---
prev: ./snippets
---
# Web
## Address Layout  
### Format Address Block  
ID: `mint_system.web.address_layout.format_address_block`  
```xml
<?xml version="1.0"?>
<data inherit_id="web.address_layout" priority="50">

  <xpath expr="//t[@t-if='address']" position="replace">
    <t t-if="address">
      <div class="address row">
        <t t-if="information_block">
          <t t-set="colclass" t-value="'col-5 offset-1'"/>
          <div name="information_block" class="col-5 offset-1">
            <t t-raw="information_block"/>
          </div>
        </t>
      </div>
      <div class="row">
        <div name="address" t-att-class="'col-5 offset-1'">
          <t t-raw="address"/>
        </div>
      </div>
    </t>

  </xpath>

</data>

```
Source: [snippets/web.address_layout.format_address_block.xml](https://github.com/Mint-System/Odoo-Development/tree/14.0/snippets/web.address_layout.format_address_block.xml)

### Repositioning Address Blocks  
ID: `mint_system.web.address_layout.repositioning_address_blocks`  
```xml
<?xml version="1.0"?>
<data inherit_id="web.address_layout" priority="50">

    <xpath expr="//t[@t-if='address']" position="replace">

        <t t-if="address">
            <div class="address row">
                <t t-if="address">
                    <t t-set="colclass" t-value="'col-5 offset-1'" />
                    <div name="address" class="col-6">
                        <t t-raw="address" />
                    </div>
                </t>
                <div name="information_block" t-att-class="colclass">
                    <t t-raw="information_block" />
                </div>
            </div>
        </t>

    </xpath>

</data>
```
Source: [snippets/web.address_layout.repositioning_address_blocks.xml](https://github.com/Mint-System/Odoo-Development/tree/14.0/snippets/web.address_layout.repositioning_address_blocks.xml)

## Assets Common  
### Pivot Measure White Space  
ID: `mint_system.web.assets_common.pivot_measure_white_space`  
```xml
<?xml version="1.0"?>
<data inherit_id="web.assets_common" priority="50">

    <xpath expr="." position="inside">        
        <style>
            .o_pivot table thead th:not(.o_pivot_header_cell_closed):not(.o_pivot_header_cell_opened):not(.o_pivot_header_cell) {
              white-space: pre-wrap;
            }
        </style>
    </xpath>

</data>

```
Source: [snippets/web.assets_common.pivot_measure_white_space.xml](https://github.com/Mint-System/Odoo-Development/tree/14.0/snippets/web.assets_common.pivot_measure_white_space.xml)

### Set Chatter Width  
ID: `mint_system.web.assets_common.set_chatter_width`  
```xml
<?xml version="1.0"?>
<data inherit_id="web.assets_common" priority="50">

    <xpath expr="." position="inside">
        <style>
          @media (min-width: 1534px) {
            .o_FormRenderer_chatterContainer {
              max-width: 600px !important;
            }
          }
        </style>
    </xpath>

</data>
```
Source: [snippets/web.assets_common.set_chatter_width.xml](https://github.com/Mint-System/Odoo-Development/tree/14.0/snippets/web.assets_common.set_chatter_width.xml)

### Set Form Width  
ID: `mint_system.web.assets_common.set_form_width`  
```xml
<?xml version="1.0"?>
<data inherit_id="web.assets_common" priority="50">

  <xpath expr="." position="inside">
    <style>
          @media (min-width: 992px) {
          .o_form_view .o_form_sheet_bg > .o_form_sheet {
               max-width: 1450px !important;
            }
          }
    </style>
  </xpath>

</data>
```
Source: [snippets/web.assets_common.set_form_width.xml](https://github.com/Mint-System/Odoo-Development/tree/14.0/snippets/web.assets_common.set_form_width.xml)

## Brand Promotion Message  
### Remove  
ID: `mint_system.web.brand_promotion_message.remove`  
```xml
<?xml version="1.0"?>
<data inherit_id="web.brand_promotion_message" priority="50">

  <xpath expr="//t[@name='Brand Promotion Message']" position="replace">
  	<t name="Brand Promotion Message" t-name="web.brand_promotion_message"></t>
  </xpath>

</data>

```
Source: [snippets/web.brand_promotion_message.remove.xml](https://github.com/Mint-System/Odoo-Development/tree/14.0/snippets/web.brand_promotion_message.remove.xml)

## External Layout Bold  
### Remove Background Image  
ID: `mint_system.web.external_layout_bold.remove_background_image`  
```xml
<?xml version="1.0"?>
<data inherit_id="web.external_layout_bold" priority="50">

  <xpath expr="/t/div[2]" position="replace">
    <div t-attf-class="article o_report_layout_bold o_company_#{company.id}_layout {{  'o_layout_background' if company.layout_background in ['Geometric', 'Custom']  else  '' }}" t-attf-style="background-image: url({{ 'data:image/png;base64,%s' % company.layout_background_image.decode('utf-8') if company.layout_background_image and company.layout_background == 'Custom' else '' }});" t-att-data-oe-model="o and o._name" t-att-data-oe-id="o and o.id" t-att-data-oe-lang="o and o.env.context.get('lang')">
        <t t-call="web.address_layout"/>
        <t t-out="0"/>
    </div>
  </xpath>

</data>

```
Source: [snippets/web.external_layout_bold.remove_background_image.xml](https://github.com/Mint-System/Odoo-Development/tree/14.0/snippets/web.external_layout_bold.remove_background_image.xml)

### Set Header Footer Font Size  
ID: `mint_system.web.external_layout_bold.set_header_footer_font_size`  
```xml
<?xml version="1.0"?>
<data inherit_id="web.external_layout_bold" priority="50">

  <xpath expr="/t/div[1]" position="before">
    <style>
      div.footer,
      div.header {
        font-size: 0.9rem;
      }
    </style>
  </xpath>

</data>

```
Source: [snippets/web.external_layout_bold.set_header_footer_font_size.xml](https://github.com/Mint-System/Odoo-Development/tree/14.0/snippets/web.external_layout_bold.set_header_footer_font_size.xml)

## External Layout Boxed  
### Footer Company Registry  
ID: `mint_system.web.external_layout_boxed.footer_company_registry`  
```xml
<?xml version="1.0"?>
<data inherit_id="web.external_layout_boxed" priority="50">

  <xpath expr="//li[@t-if='company.vat']" position="after">
    <t t-if="company._name != 'base.document.layout'">
      <li t-if="company.company_registry" class="list-inline-item d-inline">CRN: <span t-field="company.company_registry"/>
      </li>
    </t>
  </xpath>

</data>

```
Source: [snippets/web.external_layout_boxed.footer_company_registry.xml](https://github.com/Mint-System/Odoo-Development/tree/14.0/snippets/web.external_layout_boxed.footer_company_registry.xml)

## External Layout Standard  
### Eksb Layout  
ID: `mint_system.web.external_layout_standard.eksb_layout`  
```xml
<?xml version="1.0"?>
<data inherit_id="web.external_layout_standard" priority="50">

  <xpath expr="/t/div" position="replace">
    <div t-attf-class="header o_company_#{company.id}_layout" t-att-style="report_header_style">
      <div class="row">
        <div class="col-3">
          <img t-if="company.logo" t-att-src="image_data_uri(company.logo)" style="max-height: 150px;" alt="Logo"/>
        </div>
        <div class="col-9" name="company_address">
          <style>
            #header-info {
                border-top: black 3px solid;
                border-bottom: black 3px solid;
                font-size: 0.9rem;
                margin-right: 15px;
            }
            div.company {
              word-wrap: normal;
              text-transform: uppercase;
            }
          </style>
          <div class="row" style="height: 50px">
          </div>
          <div id="header-info" class="row">
            <div class="col-3 company">
              <span class="o_bold">Kleinbrauerei<br/>Stiär Biär AG</span>
            </div>
            <div class="col-1"/>
            <div class="col-4">
              <span t-field="company.partner_id.street"/>
              <br/>
              <span t-field="company.partner_id.zip"/>
              <span t-field="company.partner_id.city"/>
            </div>
            <div class="col-4">
              <span t-field="company.partner_id.phone"/>
              <br/>
              <span t-field="company.partner_id.email"/>
            </div>
          </div>
        </div>
      </div>
    </div>
  </xpath>

</data>

```
Source: [snippets/web.external_layout_standard.eksb_layout.xml](https://github.com/Mint-System/Odoo-Development/tree/14.0/snippets/web.external_layout_standard.eksb_layout.xml)

### Footer Company Registry  
ID: `mint_system.web.external_layout_standard.footer_company_registry`  
```xml
<?xml version="1.0"?>
<data inherit_id="web.external_layout_standard" priority="50">

  <xpath expr="//li[@t-if='company.vat']" position="after">
    <t t-if="company._name != 'base.document.layout'">
      <li t-if="company.company_registry" class="list-inline-item d-inline">CRN: <span t-field="company.company_registry"/>
      </li>
    </t>
  </xpath>

</data>

```
Source: [snippets/web.external_layout_standard.footer_company_registry.xml](https://github.com/Mint-System/Odoo-Development/tree/14.0/snippets/web.external_layout_standard.footer_company_registry.xml)

### Format Header Slogan  
ID: `mint_system.web.external_layout_standard.format_header_slogan`  
```xml
<?xml version="1.0"?>
<data inherit_id="web.external_layout_standard" priority="50">

  <xpath expr="//div[@name='moto']" position="replace">
    <style>
      h4 {
        /* align-self: center; */
        padding-top: 2rem;
      }
    </style>
    <h4 class="col-9 text-right" t-field="company.report_header" name="moto"/>
  </xpath>

</data>
```
Source: [snippets/web.external_layout_standard.format_header_slogan.xml](https://github.com/Mint-System/Odoo-Development/tree/14.0/snippets/web.external_layout_standard.format_header_slogan.xml)

### Header Styles  
ID: `mint_system.web.external_layout_standard.header_styles`  
```xml
<?xml version="1.0"?>
<data inherit_id="web.external_layout_standard" priority="50">

  <xpath expr="/t/div" position="before">
    <style>
	    h2 {
	      font-size: 18px;
	    }	                          
    </style>

  </xpath>
</data>
```
Source: [snippets/web.external_layout_standard.header_styles.xml](https://github.com/Mint-System/Odoo-Development/tree/14.0/snippets/web.external_layout_standard.header_styles.xml)

### Increase Logo Size  
ID: `mint_system.web.external_layout_standard.increase_logo_size`  
```xml
<?xml version="1.0"?>
<data inherit_id="web.external_layout_standard" priority="50">

  <xpath expr="//img[@t-if='company.logo']" position="attributes">
    <!-- <attribute name="style">max-height: 90px;</attribute> -->
    <attribute name="style">max-width: 250px; margin-top: 10px</attribute>
  </xpath>

</data>

```
Source: [snippets/web.external_layout_standard.increase_logo_size.xml](https://github.com/Mint-System/Odoo-Development/tree/14.0/snippets/web.external_layout_standard.increase_logo_size.xml)

### Move Company Details  
ID: `mint_system.web.external_layout_standard.move_company_details`  
```xml
<?xml version="1.0"?>
<data inherit_id="web.external_layout_standard" priority="50">

  <xpath expr="//div[@class='row'][2]" position="replace" />

  <xpath expr="//div[@name='moto']" position="replace">
    <div class="col-6 text-right" style="margin-top:22px;" t-field="company.report_header"
      name="moto" />
    <div class="col-3" name="company_address">
      <span t-if="company.company_details" t-field="company.company_details" />
    </div>
  </xpath>

</data>
```
Source: [snippets/web.external_layout_standard.move_company_details.xml](https://github.com/Mint-System/Odoo-Development/tree/14.0/snippets/web.external_layout_standard.move_company_details.xml)

### Remove Company Info Footer  
ID: `mint_system.web.external_layout_standard.remove_company_info_footer`  
```xml
<?xml version="1.0"?>
<data inherit_id="web.external_layout_standard" priority="50">

  <xpath expr="//div[@name='financial_infos']/../ul[1]" position="replace">
  </xpath>

</data>

```
Source: [snippets/web.external_layout_standard.remove_company_info_footer.xml](https://github.com/Mint-System/Odoo-Development/tree/14.0/snippets/web.external_layout_standard.remove_company_info_footer.xml)

### Remove Contact  
ID: `mint_system.web.external_layout_standard.remove_contact`  
```xml
<?xml version="1.0"?>
<!-- Remove contact info in footer -->
<data inherit_id="web.external_layout_standard" priority="50">

  <!-- Works until Odoo 14.0 -->
	<xpath expr="//li[@t-if='company.phone']" position="replace">
  </xpath>
  <xpath expr="//li[@t-if='company.email']" position="replace">
  </xpath>

</data>

```
Source: [snippets/web.external_layout_standard.remove_contact.xml](https://github.com/Mint-System/Odoo-Development/tree/14.0/snippets/web.external_layout_standard.remove_contact.xml)

### Remove Header Address  
ID: `mint_system.web.external_layout_standard.remove_header_address`  
```xml
<?xml version="1.0"?>
<data inherit_id="web.external_layout_standard" priority="50">

  <xpath expr="//div[@name='company_address']" position="replace">
  </xpath>

</data>

```
Source: [snippets/web.external_layout_standard.remove_header_address.xml](https://github.com/Mint-System/Odoo-Development/tree/14.0/snippets/web.external_layout_standard.remove_header_address.xml)

### Replace Footer  
ID: `mint_system.web.external_layout_standard.replace_footer`  
```xml
<?xml version="1.0"?>
<data inherit_id="web.external_layout_standard" priority="50">

  <xpath expr="/t/div[3]" position="replace">
    <div t-attf-class="footer o_standard_footer o_company_#{company.id}_layout">
     <div align="right" style="color:black; font-size:9pt">
         Page: <span class="page"/> / <span class="topage"/>
     </div>
     </div>
  </xpath>

</data>
```
Source: [snippets/web.external_layout_standard.replace_footer.xml](https://github.com/Mint-System/Odoo-Development/tree/14.0/snippets/web.external_layout_standard.replace_footer.xml)

### Replace Header  
ID: `mint_system.web.external_layout_standard.replace_header`  
```xml
<?xml version="1.0"?>
<data inherit_id="web.external_layout_standard" priority="50">

<xpath expr="/t/div" position="replace">    
  <div t-attf-class="header o_company_#{company.id}_layout" t-att-style="report_header_style">
                           
<table style="width:100%; font-size: 9pt; color:rgb(102,102,102); font-family:arial;">
  
  <tr height="27px;">
    <td style="width:19%; border-left: 1px solid rgb(102,102,102);"></td>
    <td style="width:18%; border-left: 1px solid rgb(102,102,102);"></td>
    <td style="width:25%; border-left: 1px solid rgb(102,102,102);"></td>
    <td style="width:38%; margin: 0; vertical-align:bottom; padding:0;" rowspan="4"><img t-if="company.logo" t-att-src="image_data_uri(company.logo)" alt="Logo"  style="height:61px; float:right"/></td>
  </tr>
 
  <tr style="line-height: 1.2;">
    <td style="border-left: 1px solid rgb(102,102,102); padding-left: 10px;"><span t-field="company.name"/></td>
    <td style="border-left: 1px solid rgb(102,102,102);"></td>
    <td style="border-left: 1px solid rgb(102,102,102);"></td>
  </tr>
  <tr style="line-height: 1.2;">
    <td style="border-left: 1px solid rgb(102,102,102); padding-left: 10px;"><span t-field="company.partner_id.street"/></td>
    <td style="border-left: 1px solid rgb(102,102,102); padding-left: 10px;">Tel. 056 618 77 00</td>
    <td style="border-left: 1px solid rgb(102,102,102); padding-left: 10px;">www.trimada.ch</td>
  </tr>
  <tr style="line-height: 1.2;">
    <td style="border-left: 1px solid rgb(102,102,102); padding-left: 10px;">CH-<span t-field="company.partner_id.zip"/> <span t-field="company.partner_id.city"/></td>
    <td style="border-left: 1px solid rgb(102,102,102); padding-left: 10px;">Fax 056 618 77 07</td>
    <td style="border-left: 1px solid rgb(102,102,102); padding-left: 10px;"><span t-field="company.partner_id.email"/></td>
  </tr>
 
</table>


  </div>
</xpath>
</data>
```
Source: [snippets/web.external_layout_standard.replace_header.xml](https://github.com/Mint-System/Odoo-Development/tree/14.0/snippets/web.external_layout_standard.replace_header.xml)

### Replace Url  
ID: `mint_system.web.external_layout_standard.replace_url`  
```xml
<?xml version="1.0"?>
<!-- Replace website url in document footer -->
<data inherit_id="web.external_layout_standard" priority="50">

  <!-- Works until Odoo 14.0 -->
  <xpath expr="//li[@t-if='company.website']" position="replace">
  	<li t-if="company.website" class="list-inline-item d-inline">www.example.ch</li>
  </xpath>

</data>

```
Source: [snippets/web.external_layout_standard.replace_url.xml](https://github.com/Mint-System/Odoo-Development/tree/14.0/snippets/web.external_layout_standard.replace_url.xml)

### Set Header Footer Font Size  
ID: `mint_system.web.external_layout_standard.set_header_footer_font_size`  
```xml
<?xml version="1.0"?>
<data inherit_id="web.external_layout_standard" priority="50">

  <!-- <xpath expr="/t/div[1]" position="before">
    <style>
      div.footer,
      div.header {
      font-size: 0.8rem;
      }
    </style>
  </xpath> -->

  <xpath expr="//div[@t-field='company.report_footer']" position="replace">
    <div style="font-size: 0.8rem;" class="mt-1" t-field="company.report_footer" />
  </xpath>

  <xpath expr="//div[@t-field='company.report_footer']/../../div" position="replace">
    <div t-if="report_type == 'pdf'" style="font-size: 0.8rem;" class="text-muted">
      Page: <span class="page"/> / <span class="topage"/>
    </div>
  </xpath>

  <xpath expr="//span[@t-field='company.company_details']" position="replace">
    <span t-if="company.company_details" style="font-size: 0.8rem;"
      t-field="company.company_details" />
  </xpath>

</data>
```
Source: [snippets/web.external_layout_standard.set_header_footer_font_size.xml](https://github.com/Mint-System/Odoo-Development/tree/14.0/snippets/web.external_layout_standard.set_header_footer_font_size.xml)

## Internal Layout  
### Header Styles  
ID: `mint_system.web.internal_layout.header_styles`  
```xml
<?xml version="1.0"?>
<data inherit_id="web.internal_layout" priority="50">

  <xpath expr="/t/div" position="before">
    <style>
	    h2 {
	      font-size: 18px;
	    }	                          
    </style>

  </xpath>
</data>
```
Source: [snippets/web.internal_layout.header_styles.xml](https://github.com/Mint-System/Odoo-Development/tree/14.0/snippets/web.internal_layout.header_styles.xml)

### Replace Header  
ID: `mint_system.web.internal_layout.replace_header`  
```xml
<?xml version="1.0"?>
<data inherit_id="web.internal_layout" priority="50">

	<xpath expr="//div[@class='header']" position="replace">
		<div class="header">
			<div class="row">
				<div class="col-4">
				</div>
				<div class="col-4 text-center">
				</div>
				<div class="col-4 text-right">
					<img t-if="company.logo" t-att-src="image_data_uri(company.logo)" alt="Logo" style="height:61px; margin-right: 40px;"/>
				</div>
			</div>
		</div>
	</xpath>

</data>
```
Source: [snippets/web.internal_layout.replace_header.xml](https://github.com/Mint-System/Odoo-Development/tree/14.0/snippets/web.internal_layout.replace_header.xml)

### Trimada  
ID: `mint_system.web.internal_layout.trimada`  
```xml
<?xml version="1.0"?>
<data inherit_id="web.internal_layout" priority="16">

    <t t-name="web.internal_layout.trimada">

        <t t-if="not o" t-set="o" t-value="doc" />

        <t t-if="not company">
            <!-- Multicompany -->
            <t t-if="company_id">
                <t t-set="company" t-value="company_id" />
            </t>
            <t t-elif="o and 'company_id' in o and o.company_id.sudo()">
                <t t-set="company" t-value="o.company_id.sudo()" />
            </t>
            <t t-else="else">
                <t t-set="company" t-value="res_company" />
            </t>
        </t>

        <div class="header trimada">
            <div class="row">
                <div class="col-3">
                    <span
                        t-esc="context_timestamp(datetime.datetime.now()).strftime('%Y-%m-%d %H:%M')" />
                </div>
                <div class="col-2 offset-2 text-center">
                    <span t-esc="company.name" />
                </div>
                <div class="col-2 offset-3 text-right">
                    <ul class="list-inline">
                        <li class="list-inline-item">
                            <span class="page" />
                        </li>
                        <li class="list-inline-item">/</li>
                        <li class="list-inline-item">
                            <span class="topage" />
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="article" t-att-data-oe-model="o and o._name" t-att-data-oe-id="o and o.id"
            t-att-data-oe-lang="o and o.env.context.get('lang')">
            <t t-raw="0" />
        </div>

    </t>

</data>
```
Source: [snippets/web.internal_layout.trimada.xml](https://github.com/Mint-System/Odoo-Development/tree/14.0/snippets/web.internal_layout.trimada.xml)

## Login Layout  
### Disable Footer  
ID: `mint_system.web.login_layout.disable_footer`  
```xml
<?xml version="1.0"?>
<data inherit_id="web.login_layout" priority="50">

  <xpath expr="//t/div" position="before">
    <t t-set="disable_footer" t-value="True"/>
  </xpath>

</data>

```
Source: [snippets/web.login_layout.disable_footer.xml](https://github.com/Mint-System/Odoo-Development/tree/14.0/snippets/web.login_layout.disable_footer.xml)

## Styles Company Report  
### Set Font  
ID: `mint_system.web.styles_company_report.set_font`  
```xml
<?xml version="1.0"?>
<data inherit_id="web.styles_company_report" priority="50">

  <xpath expr="//t[@t-set='font']" position="replace">
    <t t-set="font" t-value="'arial'"/>
  </xpath>

</data>
```
Source: [snippets/web.styles_company_report.set_font.xml](https://github.com/Mint-System/Odoo-Development/tree/14.0/snippets/web.styles_company_report.set_font.xml)