Announcement

Collapse
No announcement yet.

Sales order templetes modification

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • conceptmedical
    replied
    Originally posted by yubrajkafle View Post
    Hello team,

    I hope this message finds you well. I am in need of assistance regarding the sales order templates. Specifically, I require help in modifying the current sales order template. The task at hand involves hiding certain column borders within the items table. To provide a clearer understanding of the desired outcome, I have attached the format that I would like to achieve.

    I would greatly appreciate it if someone could lend their expertise to help me accomplish this formatting objective.

    Thank you for your attention to this matter.


    Click image for larger version  Name:	Sales order design.jpg Views:	70 Size:	62.1 KB ID:	94522






    Hey, How you are getting the row numbers? you have commented the each loop ?

    Leave a comment:


  • rabii
    replied
    try this, this should be easy to achieve:

    HTML Code:
    <table class="table table-bordered" style="line-height: 1.36; background-color: rgb(255, 255, 255);">
        <tbody>
            <tr>
                <td width="50%">
                    <p><span style="font-size: 18px;">Company Name</span></p>
                    <p>
                        <span style="font-size: 12px;">{{accountName}}</span><br>
                        <span style="font-size: 12px;">{{{billingAddressStreet}}}</span><br>
                        <span style="font-size: 12px;">{{billingAddressCity}}{{#if billingAddressState}},{{/if}} {{billingAddressState}} {{billingAddressPostalCode}}</span><br>
                        <span style="font-size: 12px;">{{billingAddressCountry}}<br></span><span style="font-size: 18px;"><br></span>
                    </p>
                </td>
                <td width="50%">
                    <p style="text-align: right;"><span style="color: rgb(156, 156, 148); font-size: 18px; line-height: 24.4799995422363px;">Sales Order</span></p>
                    <p></p>
                    <div style="text-align: right;"><span style="font-size: 12px; line-height: 24.4799995422363px; color: rgb(0, 0, 0);">Date: {{dateOrdered}}</span></div>
                    <br>
                    <p></p>
                </td>
            </tr>
        </tbody>
    </table>
    <p><span style="font-size: 18px; line-height: 32.6399993896484px;">{{name}}</span></p>
    <p>
        <span style="font-size: 18px; line-height: 32.6399993896484px;"><br></span>
    </p>
    <p>Currency: {{amountCurrency}}</p>
    
    <table border="0.5pt" cellpadding="2" class="table table-bordered">
        <tbody>
            <tr>
                <th width="5%" align="left">#</th>
                <th width="37%" align="left">Name</th>
                <th width="8%" align="left">Qty</th>
                <th width="16%" align="left">List Price</th>
                <th width="16%" align="left">Unit Price</th>
                <th width="16%">Amount</th>
            </tr>
            <!-- {{#each itemList}} -->
            <tr>
                <td style="border: none;">{{order}}</td>
                <td style="border: none;">{{name}}</td>
                <td style="border: none;">{{quantity}}</td>
                <td style="border: none;" align="right">{{listPrice}}</td>
                <td style="border: none;" align="right">{{unitPrice}}</td>
                <td style="border: none;" align="right">{{amount}}</td>
            </tr>
            <!-- {{#if description}} -->
            <tr>
                <td style="border: none;" colspan="7">{{{description}}}</td>
            </tr>
            <!-- {{/if}} -->
            <!-- {{/each}} -->
            <tr>
                <td style="border: none;" colspan="7"></td>
            </tr>
            <tr>
                <td style="border: none;" colspan="4"></td>
                <td colspan="2">
                    <table border="0.5pt" class="table table-bordered">
                        <tbody>
                        <tr>
                            <td colspan="2" align="right">Pre-Discounted Amount</td>
                            <td colspan="1" align="right">{{preDiscountedAmount}}</td>
                        </tr>
                        <tr>
                            <td colspan="2" align="right">Discount Amount</td>
                            <td colspan="1" align="right">{{discountAmount}}</td>
                        </tr>
                        <tr>
                            <td colspan="2" align="right">Amount</td>
                            <td colspan="1" align="right">{{amount}}</td>
                        </tr>
                        <tr>
                            <td colspan="2" align="right">Tax Amount</td>
                            <td colspan="1" align="right">{{taxAmount}}</td>
                        </tr>
                        <tr>
                            <td colspan="2" align="right">Shipping Cost</td>
                            <td colspan="1" align="right">{{shippingCost}}</td>
                        </tr>
                        <tr>
                            <td colspan="2" align="right">Grand Total Amount</td>
                            <td colspan="1" align="right"><b>{{grandTotalAmount}}</b></td>
                        </tr>
                      </tbody>
                    </table>
                </td>
            </tr>
            
        </tbody>
    </table>
    
    <p><br></p>
    <p align="center">Thank you for your business.</p>

    Leave a comment:


  • sapyantuk
    replied
    <table style="line-height: 1.36; width: 100%;">
    <tbody>
    <tr>
    <td style="width: 50%; vertical-align: top;">
    <p><span style="font-size: 1.4em;">Company Name</span></p>
    <p><br></p>
    <p>
    {{accountName}}
    </p>
    <p>
    {{{billingAddressStreet}}}
    <br>
    {{billingAddressCity}}{{#if billingAddressState}},{{/if}} {{billingAddressState}} {{billingAddressPostalCode}}<br>{{billingAddressCo untry}}
    </p>
    </td>
    <td style="width: 50%; vertical-align: top; text-align: right;">
    <p><span style="font-size: 1.2em;">Sales Order</span></p>
    <p>Date: {{dateOrdered}}</p>
    </td>
    </tr>
    </tbody>
    </table>
    <p><span style="font-size: 1.2em;">{{name}}</span></p>
    <p>Currency: {{amountCurrency}}</p>

    <table style="border: 0.5pt; border-spacing: 0; border-collapse: collapse; width: 100%;" cellpadding="2" border="0.5pt">
    <tbody>
    <tr>
    <th width="5%" align="left">#</th>
    <th width="37%" align="left">Name</th>
    <th width="8%" align="left">Qty</th>
    <th width="16%" align="left">List Price</th>
    <th width="16%" align="left">Unit Price</th>
    <th width="16%" align="left">Amount</th>
    </tr>
    <!-- {{#each itemList}} --> <tr>
    <td>{{order}}</td>
    <td>{{name}}</td>
    <td>{{quantity}}</td>
    <td align="right">{{listPrice}}</td>
    <td align="right">{{unitPrice}}</td>
    <td align="right">{{amount}}</td>
    </tr>
    <!-- {{#if description}} -->
    <tr><td colspan="6">{{{description}}}</td></tr>
    <!-- {{/if}} -->
    <!-- {{/each}} --> <tr>
    <td colspan="6">&nbsp;</td>
    </tr>
    <tr>
    <td colspan="5" align="right">Pre-Discounted Amount</td>
    <td align="right">{{preDiscountedAmount}}</td>
    </tr>
    <tr>
    <td colspan="5" align="right">Discount Amount</td>
    <td align="right">{{discountAmount}}</td>
    </tr>
    <tr>
    <td colspan="5" align="right">Amount</td>
    <td align="right">{{amount}}</td>
    </tr>
    <tr>
    <td colspan="5" align="right">Tax Amount</td>
    <td align="right">{{taxAmount}}</td>
    </tr>
    <tr>
    <td colspan="5" align="right">Shipping Cost</td>
    <td align="right">{{shippingCost}}</td>
    </tr>
    <tr>
    <td colspan="5" align="right">Grand Total Amount</td>
    <td align="right"><b>{{grandTotalAmount}}</b></td>
    </tr>
    </tbody>
    </table>
    <p><br></p>
    <p align="center">Thank you for your business.</p>




    this is the default code .​

    Leave a comment:


  • sapyantuk
    started a topic Sales order templetes modification

    Sales order templetes modification

    Hello team,

    I hope this message finds you well. I am in need of assistance regarding the sales order templates. Specifically, I require help in modifying the current sales order template. The task at hand involves hiding certain column borders within the items table. To provide a clearer understanding of the desired outcome, I have attached the format that I would like to achieve.

    I would greatly appreciate it if someone could lend their expertise to help me accomplish this formatting objective.

    Thank you for your attention to this matter.


    Click image for larger version

Name:	Sales order design.jpg
Views:	181
Size:	62.1 KB
ID:	94522







Working...
X