EVOLUTION-NINJA
Edit File: print_pages.php
<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Box</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous"> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script src="<?php echo base_url('bootstrap.min.js');?>"></script> <style> .invoice_table{ font-family:Arial, Helvetica, sans-serif !important; font-size:14px; } .innertable{ border:0 solid transparent !important; } table{ border-spacing: 0 !important; border-color: #cacaca !important; } .innertable_2 td{ border-bottom:2px solid #cacaca !important; border-right:2px solid #cacaca !important; } td { padding:10px 5px; line-height: 0.6; } </style> </head> <div> <button type="button" id="booking_print1" style=" margin-top: 13px; right:100px; padding-top: 2px; padding-bottom: 1px; padding-left: 15px; padding-right: 15px; background: rgb(72,91,127); color: white; font-size: 22px;position:absolute;" >Print</button> <span id="back_button" class="close-right" ><a href="<?php echo base_url('packing_list/paking_list_details?prop_id=1');?>" style="font-size: 22px;border: 1px solid;padding-bottom: 5px; margin-top: 10%; text-decoration: none; padding-top: 1px; padding-right: 12px; padding-left: 12px;background: rgb(72,91,127);color: white;margin-top:10%;text-decoration:none;position:absolute;right:0;margin-right: 24px;margin-top: 13px;">Back</a></span> </div> <body> <form> <div class="row invoice_table" id="print_report" style="padding-top: 1% !important; width:100%;margin-left: 0px;"> <?php $total_count = 0; foreach($getalldata as $key=>$pkgg){ $total_count++; } foreach($getalldata as $key=>$pkgg) { $i=1; ?> <div class="full_border"> <table class="table swan_table_border" style="width:100%; margin-bottom:30px; margin-top:40px;font-size: 15px;"> <tr> <td style="width: 15%;"><b>SKU NO</b></td> <td style="width: 50%;"><b>: <?php echo $pkgg->skuno; ?></b></td> </tr> <tr> <td><b>PO NO</b></td> <td><b>: <?php echo $pkgg->orderNo; ?></td> </tr> <tr> <td><b>QUANTITY</b></td> <td><b>: <?php echo $pkgg->received_qty." PCS"; ?></b></td> </tr> <tr> <td><b>DESCRIPTION</b></td> <td><b>: <?php echo $desc[$key]; ?></b></td> </tr> <tr> <td><b>GROSS WT</b></td> <td><b>: <?php echo $pkgg->bal_qty.'00'; ?></b></td> </tr> <tr> <td><b>MADE IN</b></td> <td><b>: <?php echo "INDIA" ?></b></td> </tr> <tr> <td><b>DESTINATION </b></td> <td><b>: <?php echo $port; ?></td> </tr> <tr> <td><b>INVOICE NUMBER</b></td> <td><b>: <?php echo $pkgg->invoice; ?></b></td> </tr> <tr> <td><b>CARTON NUMBER</b></td> <td><b>: <?php $ox_new = $pkgg->box_id .' OF '.$total_count; echo $ox_new; ?></b></td> </tr> </table> <div class="row ml-3" style="width: 95%"> <div class="col-sm-3"> <h5>SHIPPER:</h5> </div> <!--<div class="col-sm-1"></div>--> <div class="col-sm-3 consi"> <h5>CONSIGNEE:</h5> </div> </div> <div class="row " style="width: 95%"> <!--<img src="<?php echo base_url('decotextil/assets/img/deco_name.svg');?>">--> <img class="deco_img" src="<?php echo base_url(); ?>assets/img/DecoTextilOnly.svg" alt="..."><br> </div> <div class="row"> <div class=" col-sm-3 ml-2 mt-2" style="width: 95%"> <p>P.B.25210,#40,4th CROSS,<br>RESIDENCY ROAD,<br>BANGLORE - 560025,<br>INDIA</p> </div> <div class=" col-sm-3 ml-2 mt-2" style="width: 95%"> <p><?php echo $consignee; ?></p> </div> </div> </div> </div> <br> <br> <div class="full_border mt-2"> <table class="table swan_table_border" style="width:100%; margin-bottom:30px; margin-top:20px; font-size: 15px;"> <tr> <td style="width: 15%;"><b>SKU NO</b></td> <td style="width: 50%;"><b>: <?php echo $pkgg->skuno; ?></b></td> </tr> <tr> <td><b>PO NO</b></td> <td><b>: <?php echo $pkgg->orderNo; ?></td> </tr> <tr> <td><b>QUANTITY</b></td> <td><b>: <?php echo $pkgg->received_qty." PCS"; ?></b></td> </tr> <tr> <td><b>DESCRIPTION</b></td> <td><b>: <?php echo $desc[$key]; ?></b></td> </tr> <tr> <td><b>GROSS WT</b></td> <td><b>: <?php echo $pkgg->bal_qty.'00'; ?></b></td> </tr> <tr> <td><b>MADE IN</b></td> <td><b>: <?php echo "INDIA"; ?></b></td> </tr> <tr> <td><b>DESTINATION</b></td> <td><b>: <?php echo $port; ?></td> </tr> <tr> <td><b>INVOICE NUMBER</b></td> <td><b>: <?php echo $pkgg->invoice ; ?></b></td> </tr> <tr> <td><b>CARTON NUMBER</b></td> <td><b>: <?php $ox_new = $pkgg->box_id .' OF '.$total_count; echo $ox_new; ?></b></td> </tr> </table> <div class="row ml-3" style="width: 95%"> <div class="col-sm-3"> <h5>SHIPPER:</h5> </div> <!--<div class="col-sm-1"></div>--> <div class="col-sm-3 consi"> <h5>CONSIGNEE:</h5> </div> </div> <div class="row " style="width: 95%"> <!--<img src="<?php echo base_url('decotextil/assets/img/deco_name.svg');?>">--> <img class="deco_img" src="<?php echo base_url(); ?>assets/img/DecoTextilOnly.svg" alt="..."><br> </div> <div class="row"> <div class=" col-sm-3 ml-2 mt-2" style="width: 95%"> <p>P.B.25210,#40,4th CROSS,<br>RESIDENCY ROAD,<br>BANGLORE - 560025,<br>INDIA</p> </div> <div class=" col-sm-3 ml-2 mt-2" style="width: 95%"> <p><?php echo $consignee; ?></p> </div> </div> </div> </div> <br/> <?php } ?> </div> </div> </form> </body> </html> <style> .full_border { border:2px solid black !important; width: 95% !important; /*margin-left: 20px;*/ } .full_border { width: 100%; page-break-inside: avoid !important; } .table td, .table th { padding: 0.75rem; vertical-align: top; border-top: none; } .consi{ } .deco_img{ width: 8%; margin-left: 48px; margin-top:12px; } </style> <script> $(document).ready(function(){ $("#booking_print1").click(function(){ $('#booking_print1').hide(); $('#back_button').hide(); var divToPrint=document.getElementById("print_report"); window.print(); }); }); </script>