EVOLUTION-NINJA
Edit File: print_address_list.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>Address List</title> <link rel="stylesheet" type="text/css" href="<?php echo base_url('public/assets/css/main.css');?>"/> <link rel="stylesheet" type="text/css" href="<?php echo base_url('public/assets/css/bootstrap.min.css');?>" /> <link rel="stylesheet" type="text/css" href="<?php echo base_url('public/assets/css/font-awesome.min.css');?>" /> <script type="text/javascript" src="<?php echo base_url('public/assets/js/jquery-2.2.4.min.js');?>"></script> <script type="text/javascript" src="<?php echo base_url('public/assets/js/bootstrap.min.js');?>"></script> </head> <body class="gss_body" id="gss_body" style="width:900px;display:block;margin:auto !important;"> <p class="booking_ids" style="display:none;"><?php echo $this->uri->segment(2); ?></p> <div class="row print_div" id="print_div"> <div class="row row_one"> <h2 class="gss_redline">GSS Project Consultants Pvt. Ltd.</h2> <img src="<?php echo base_url('public/assets/images/header_line.png');?>" class="img-responsive center-block"> </div> <div class="row row_two"> <!-- <img src="<?php echo base_url('public/assets/images/line.png');?>" class="img-responsive center-block"> --> <div class="table_one"> <table class="table"> <tr> <td style="width:25%;"><p><?php echo $address->customer_name;?><br> <?php echo $address->relation;?> <?php echo $address->father_or_husband;?> <br><?php echo $address->address;?> <br>Phone-<?php echo $address->mobile1;?> <br></p></td> <td style="text-align:right;"><p></p></td> <!--<td style="text-align:right;"><p>Receipt No: 01 <?php //echo $ack_no;?></p></td>--> </tr> </table> </div> <!-- <img src="<?php echo base_url('public/assets/images/line.png');?>" class="img-responsive center-block"> --> </div> </div> <div class="row row_four print_mail" style="display:none;"> <p><button type="button" class="print">Print</button> <button type="button" class="back">Back</button></p> </div> </body> </html> <script type="text/javascript"> $(document).ready(function() { $('.print_mail').show(); }); $('.print').click(function() { $('.print_mail').hide(); window.print(); window.close(); window.location.href = "<?php echo site_url('client-address-details');?>"; }); $('.back').click(function(){ window.location.href = "<?php echo site_url('client-address-details');?>"; }); </script> <style> .gss_body { border:1px solid black; padding-left: 100px !important; padding-right: 100px !important; padding-top: 50px !important; padding-bottom: 50px !important; } .row_one { padding-bottom:15px; position:relative; } .row_one h2 { text-align:center; } .gss_redline { position:relative; padding-bottom:5px; } .row_two { padding-bottom:15px; padding-top:15px; position:relative; } .row_two h3 { margin-bottom:0px; margin-top:0px; text-align:center; color:#E40025; font-weight:bold; } .row_two p, .row_three p, .row_five p { margin-bottom:0px; margin-top:0px; font-size:18px; line-height: 2.0; padding-top: 3px; } .row_three { padding-bottom:20px; } .table-bordered>tbody>tr>td { border: 2px solid #e40025 !important; text-align:center !important; vertical-align:middle !important; font-size:18px !important; font-weight:bold !important; } .row_four p { text-align:center; font-weight:bold; font-size:18px; line-height:1.8; } .row_five { padding-top:50px; } .table_one>table { margin-bottom:0px !important; } .table_one>.table>tbody>tr>td { border-top: transparent !important; } </style>