Skip to Content
Menu
This question has been flagged
1 Reply
5338 Views

The client wanted to change the size of barcode label to fit his label (2"x3"). At first, I tried adjusting the Margins using Studio but it didn't work. 







Avatar
Discard
Author Best Answer

I ended up creating an inherited view in debug mode by going to the main dashboard and typing "Views". Then searching for "barcode" and selecting the corresponding one to the report.






















Then I added the following xpath:

<data inherit_id="product.report_simple_barcode" name="x_barcode size">

  <xpath expr="//div" position="replace">

------!> Then, copy and paste the code from the main view, and change the highlighted values to adjust the barcode size:

           <div style="width: 50%; display: inline-table; height: 10rem;">

                <table class="table table-bordered mb-0" style="border: 2px solid black;">

                    <tr>

                        <th class="table-active text-left" style="height: 1rem;">

                            <strong t-field="product.display_name"/>

                        </th>

                    </tr>

                    <tr>

                        <td class="text-center align-middle" style="height: 11rem;">

                            <t t-if="product.barcode">

                                <img alt="Barcode" t-if="len(product.barcode) == 13" t-att-src="'/report/barcode/?type=%s&amp;value=%s&amp;width=%s&amp;height=%s' % ('EAN13', product.barcode,600, 150)" style="width:100%;height:4rem;"/>

                                <img alt="Barcode" t-elif="len(product.barcode) == 8" t-att-src="'/report/barcode/?type=%s&amp;value=%s&amp;width=%s&amp;height=%s' % ('EAN8', product.barcode, 600, 150)" style="width:100%;height:4rem;"/>

                                <img alt="Barcode" t-else="" t-att-src="'/report/barcode/?type=%s&amp;value=%s&amp;width=%s&amp;height=%s' % ('Code128', product.barcode, 600, 150)" style="width:100%;height:4rem"/>

                                <span t-field="product.barcode"/>

                            </t>

                            <t t-else=""><span class="text-muted">No barcode available</span></t>

                        </td>

                    </tr>

                </table>

            </div>

      </xpath>

</data>


Save. From here, you can edit the view in Studio. 

Best practice is to create an inherited view so we don't edit the main view. 


Below are screenshots of what each value in the XML corresponds to on the barcode label:





















Avatar
Discard
Related Posts Replies Views Activity
4
Feb 24
4719
3
Mar 24
1661
0
Nov 22
1213
2
Feb 22
4328
0
Nov 21
1752