EVOLUTION-NINJA
Edit File: cusion_previw.php
<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> <title>Deco-Textil</title> <link rel="stylesheet" href="<?php echo base_url('assets/css/bootstrap.min.css');?>" /> <link rel="stylesheet" href="<?php echo base_url('assets/css/font-awesome.min.css');?>" /> <script type="text/javascript" src="<?php echo base_url('assets/js/jquery-3.2.1.min.js');?>"></script> <script type="text/javascript" src="<?php echo base_url('assets/js/bootstrap.min.js');?>"></script> </head> <body> <div class="row" style=" text-align: right;margin-top:20px;margin-bottom:20px;"> <button class="btn btn-success " type="button" id="booking_print" style=" padding-top: 2px; padding-bottom: 3px; padding-left: 15px; padding-right: 15px; background: rgb(72,91,127); color: white; border: initial !important; font-size: 22px;">Print </button> <?php if($indent_p == 'indent_preview' && $back_preview == 'request') { ?> <span class="close-right" ><a href="<?php echo base_url(); ?>request/sample_request_form?prop_id=1" style="font-size: 22px;border: 1px solid;padding-left: 15px;padding-right: 15px;background: rgb(72,91,127);color: white;padding-bottom: 7px;text-decoration:none;padding-top: 3px;">Back</a></span> <?php } else if($indent_p == 'today_preview' && $back_preview == 'request') { ?> <span class="close-right" ><a href="<?php echo base_url(); ?>request/sample_request_form?prop_id=2" style="font-size: 22px;border: 1px solid;padding-left: 15px;padding-right: 15px;background: rgb(72,91,127);color: white;padding-bottom: 7px;text-decoration:none;padding-top: 3px;">Back</a></span> <?php } else if($indent_p == 'monthly_preview' && $back_preview == 'request') { ?> <span class="close-right" ><a href="<?php echo base_url(); ?>request/sample_request_form?prop_id=3" style="font-size: 22px;border: 1px solid;padding-left: 15px;padding-right: 15px;background: rgb(72,91,127);color: white;padding-bottom: 7px;text-decoration:none;padding-top: 3px;">Back</a></span> <?php } else if($indent_p == 'year_preview' && $back_preview == 'request') { ?> <span class="close-right" ><a href="<?php echo base_url(); ?>request/sample_request_form?prop_id=4" style="font-size: 22px;border: 1px solid;padding-left: 15px;padding-right: 15px;background: rgb(72,91,127);color: white;padding-bottom: 7px;text-decoration:none;padding-top: 3px;">Back</a></span> <?php } else { ?> <span class="close-right" ><a href="<?php echo base_url(); ?>reports/sample_request_reports" style="font-size: 22px;border: 1px solid;padding-left: 15px;padding-right: 15px;background: rgb(72,91,127);color: white;padding-bottom: 7px;text-decoration:none;padding-top: 3px;">Back</a></span> <?php } ?> </div> <div class="container" > <table border="0" align="center" style="margin-top:10%; width:6.2cm; height:4.7cm; font-family:calibri; font-weight:599;" id="print_report"> <tbody style="border:1px solid"> <tr> <td>Article </td><td>-</td><td></td> <?php if($fetch_data == '') {?> <td></td> <?php } else { ?> <td><?php echo $fetch_data->article; ?></td> <?php } ?> </tr> <tr> <td>Description </td><td>-</td><td></td> <?php if($fetch_data == '') {?> <td></td> <?php } else { ?> <td style="word-wrap: break-word;"><?php echo $fetch_data->description; ?></td> <?php } ?> </tr> <tr> <td>Size </td><td>-</td><td></td> <?php if($fetch_data == '') {?> <td></td> <?php } else { ?> <td><?php echo $fetch_data->size; ?></td> <?php } ?> </tr> <tr> <td>Design </td><td>-</td><td></td> <?php if($fetch_data == '') {?> <td></td> <?php } else { ?> <td><?php echo $fetch_data->design; ?></td> <?php } ?> </tr> <tr> <td>Colour</td><td>-</td><td></td> <?php if($fetch_data == '') {?> <td></td> <?php } else { ?> <td><?php echo $fetch_data->color; ?></td> <?php } ?> </tr> </table> </div> </body> <html> <style> td { padding:6px; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 25px; padding-right: 66px; -moz-osx-font-smoothing: grayscale; } </style> <style> .close-right { text-align: right; margin-top: 16px; margin-right: 17px; } </style> <script> $(document).ready(function() { $("#booking_print").click(function(){ var divToPrint=document.getElementById("print_report"); newWin= window.open(""); newWin.document.write(divToPrint.outerHTML); newWin.print(); newWin.close(); }); }); </script>