EVOLUTION-NINJA
Edit File: dtl_fabric.php
<style> .ui-jqgrid { text-transform: capitalize !important; } .tablediv { text-transform: uppercase !important; } .ui-jqgrid tr.jqgrow td{ text-transform: uppercase !important; } #jaytab { overflow:scroll; } </style> <div class="page-content-wrapper"> <div class="page-content"> <!-- BEGIN PAGE HEADER--> <h3 class="page-title"> Buyer Fabric Stock Details </h3> <div class="page-bar"> <ul class="page-breadcrumb"> <li><i class="fa fa-home"></i> <a href="<?php echo base_url();?>dashboard/dashboard_fun">Home</a> <i class="fa fa-angle-right"></i> <a href="#" > Buyer Fabric Stock Details </a></li> </ul> </div> <div class="col-sm-12 radio-list"> <input type="submit" id="generate_submit" value="Submit" class="generate_submit" style="float: right !important;"/> </div><br><br> <form action="<?php echo base_url('new_stores/buyer_fabric_details_preview'); ?>" method="post" class="check_form" > <input type="hidden" id="check_box_ids" name="check_box_ids" > </form> <input type="hidden" id="delete_id" class="delete_id" value="<?php if(empty($access_row)){ } else { echo $access_row->delete_id; } ?>" > <input type="hidden" id="preview_id" class="preview_id" value="<?php if(empty($access_row)){ } else { echo $access_row->preview_id; } ?>" > <input type="hidden" id="edit_id" class="edit_id" value="<?php if(empty($access_row)){ } else { echo $access_row->edit_id; } ?>" > <input type="hidden" id="cid" class="cid" value="<?php echo $val1; ?>"> <!--<input type="hidden" id="asmu" class="asmu" value="<?php echo $id['userid']; ?>">--> <input type="hidden" id="usertype" class="usertype" value="<?php echo $usertype; ?>" > <div class="jaytab"> <div> <h4><b>Customer Name : <?php echo $customerName;?> Customer ID : <?php echo $fileNo;?></b></h4> </div> </div> <div id="table_all"> <div id = "jaytab" class="jaytab"> <table id="list6"></table> <div id="pager6"></div> <div id="dialogSelectRow" title="Warning" style="display:none"> <p>Please select row</p> </div> </div> </div> </div> </div> </div> <!-- End BEGIN CONTAINER --> <!-- BEGIN FOOTER --> <!-- split Modal --> <div class="modal fade" id="split_modal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <h4 class="modal-title">Buyer Fabric Stock Details</h4> </div> <div class="modal-body"> <b>Number Of Spilts </b> : <input type="text" id="no_of_split" class="no_of_split" > <input type="hidden" id="ref_id" class="ref_id" > </div> <div class="modal-footer"> <button id="submit_modal" name="submit" onclick="goods_details()" class="btn btn-primary">Submit</button> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div> </div> </div> <!-- split content Modal --> <div class="modal fade" id="content_modal" role="dialog" > <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <h4 class="modal-title">Buyer Fabric Stock Details</h4> </div> <div class="table table-responsive"> <input type="hidden" id="table_split" name="table_split" class="table_split" > <input type="hidden" id="table_ref_id" name="table_ref_id" class="table_ref_id" > <input type="hidden" id="rec_weightt" class="rec_weightt" > <input type="hidden" id="rec_qty" class="rec_qty" > <table border="1" width="100%" style="border-spacing:0;margin-top: 1%;" cellpadding="5px"> <tr> <td ><b>SI No.</b></td> <td ><b>PO# / DTL #</b></td> <td ><b>DTL Piece No</b></td> <td ><b>Supplier Piece No</b></td> <td ><b>Article(PRODUCT)</b></td> <td ><b>Width</b></td> <td ><b>Design</b></td> <td ><b>Shades</b></td> <td ><b>Received Weight</b></td> <td ><b>Actual Quantity</b></td> </tr> <tbody id="dynamicTbody" > </tbody> </table> </div> <div class="modal-footer"> <button id="submit_modal" name="submit" onclick="content_goods_details()" class="btn btn-primary">Submit</button> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div> </div> </div> <!-- BEGIN FOOTER --> <link rel="stylesheet" href="<?php echo base_url('assets/css/code_jquery.min.css');?>"> <script src="<?php echo base_url('assets/js/jquery-ui.min.js'); ?>" type="text/javascript"></script> <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('assets/css/jquery-ui.min.css'); ?>" /> <style> .ss{ padding-right: 0 !important; padding-left: 0 !important; } .form-control { //width:65% !important; //height:27px !important; //padding: 3px 12px !important; //border-radius: 0px !important; //margin-bottom:15px; } label { font-weight: normal; text-align: left; } .hr-line{ border-top: 1px solid #465A81; } .well-sm { padding: 3px !important; border-radius: 0px !important; } input[type="file"] { padding-bottom: 28px !important; height: 25px !important; color:transparent; } .portlet.box.blue-madison { border: 1px solid #fff !important; border-top: 0; background:#fff !important; } #table_approved_indent { display:none; } #refresh_list3 { display:none !important; } </style> <script> function getDesignAndQuality(articleNo) { $.ajax({ type: "post", url: "<?php echo base_url(); ?>marketing/getDesignAndQuality", data: "articleNo=" + articleNo, success: function (data) { var objData = jQuery.parseJSON(data); document.getElementById("design").value = objData.design; document.getElementById("quality").value = objData.quality; } }); } </script> <!-----------------datepicker-------------> <!-- The link to the CSS that the grid needs --> <link href="<?php echo base_url('assets/css/sweetalert2.min.css');?>" rel="stylesheet"/> <script src="<?php echo base_url('assets/js/sweetalert2.min.js');?>"></script> <script type="text/ecmascript" src="<?php echo base_url('jqgrid/js/jquery.jqGrid.min.js'); ?>"></script> <!-- This is the localization file of the grid controlling messages, labels, etc. <!-- We support more than 40 localizations --> <script type="text/ecmascript" src="<?php echo base_url('jqgrid/js/i18n/grid.locale-en.min.js'); ?>"></script> <!-- A link to a jQuery UI ThemeRoller theme, more than 22 built-in and many more custom --> <!-- The link to the CSS that the grid needs --> <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('jqgrid/css/ui.jqgrid.min.css'); ?>" /> <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('jqgrid/css/ui.jqgrid-bootstrap.min.css'); ?>" /> <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('jqgrid/css/ui.jqgrid-bootstrap-ui.min.css'); ?>" /> <link rel="stylesheet" href="<?php echo base_url('assets/css/code_jquery.min.css');?>"> <script src="<?php echo base_url('assets/js/jquery-ui.min.js'); ?>" type="text/javascript"></script> <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('assets/css/jquery-ui.min.css'); ?>" /> <style type="text/css"> .ss{ padding-right: 0 !important; padding-left: 0 !important; } label { font-weight: normal; text-align: left; } .hr-line{ border-top: 1px solid #465A81; } .well-sm { padding: 3px !important; border-radius: 0px !important; } input[type="file"] { padding-bottom: 28px !important; height: 25px !important; color:transparent; } .portlet.box.blue-madison { border: 1px solid #fff !important; border-top: 0; background:#fff !important; } input[type=file] { display: none; } .ui-jqgrid .ui-jqgrid-caption { text-align: left; background: rgb(72,91,127); color: white; } .ui-jqdialog .ui-jqdialog-titlebar { padding: .1em .1em; min-height: 35px; background: rgb(72,91,127); color: white; } .ui-jqdialog .ui-jqdialog-titlebar-close span { display: block; margin: -9px; } #sData { height: 27px; } #cData { height: 27px; } #dData { height: 27px; } #eData { height: 27px; } .coledit { cursor:pointer; text-align: right; padding-right: 33px !important; padding-left: 33px !important; } .ui-jqgrid .ui-jqgrid-btable tbody tr.jqgrow td { overflow: hidden; white-space: pre; } </style> <!-----------------datepicker-------------> <!-- The link to the CSS that the grid needs --> <script> <!----------------------------------------------------all location----------------------------------------> $(document).ready(function (){ var as=document.getElementById('cid').value; jQuery("#list6").jqGrid({ url:"<?php echo base_url('marketing/details_fetch2')?>/"+as, datatype: "json", colNames:['Id','','','Customer ID','Buyer order#','PO# / DTL No.','DTL Piece No','Splited Piece#','Article(PRODUCT)','Width','Design','Shade','Recd Wt','Qty','Rejected Mtrs','Variance Mtrs','Currency','Price','Recd Date','Location','Action','Preview','Edit'], colModel:[ {name:'id',index:'id',hidden:false,editable:true,width:80}, {name:'selected_po', index:'selected_po', width:60, align:"center", editable: true, formatter:vehicalFmatter}, {name:'selected_po',index:'selected_po',align: "center",editable:false,editrules:{required: true}, width:90,formatter:vehicalFmatter,cellattr: function (rowId, tv, rawObject, cm, rdata) { return ' onclick="fun_add($(this))" '; },formatter:function (cellvalue, options, rowObject) { return "<input type='button' value='ADD' onclick='some_function' \>"; }}, {name:'customer_id',index:'customer_id',hidden:true,editable:false,width:85}, //{name:'vendor_name',index:'vendor_name',editable:false,width:130}, {name:'orderNo',index:'orderNo',editable:false,width:130}, {name:'po_no',index:'po_no',edittype:'text',editable:true,editrules:{required: true}, width:120}, {name:'ssl_pc_no',index:'ssl_pc_no',editable:true, width:150}, {name:'splited_piece_no',index:'splited_piece_no',editable:true, width:150}, // {name:'piece_no',index:'piece_no',editable:true, width:120}, {name:'product_name',index:'product_name', width:50,editable:false,width:130}, {name:'width',index:'width', width:50,editable:false,width:100}, {name:'design',index:'design', width:50,editable:false,width:100}, {name:'shades',index:'shades', width:50,editable:false,width:100}, {name:'rec_weight',index:'rec_weight',hidden:false,editable:true, width:100}, {name:'balanced_mtrs',index:'balanced_mtrs',hidden:false,editable:true, width:95}, {name:'rejected_mtrs',index:'rejected_mtrs',hidden:false,editable:true, width:120}, {name:'variance_mtrs',index:'variance_mtrs',hidden:true, editable:true,editrules:{required: true},width:120}, {name:'currency',index:'currency',hidden:false, editable:true,editrules:{required: true},width:120}, {name:'unitPrice',index:'unitPrice',editable:false,width:85}, {name:'received_date',index:'received_date', editable:true,editrules:{required: true},width:120}, {name:'consumed_at',index:'consumed_at', editable:true,editrules:{required: true},width:120}, {name:'',index:'',align: "center",editable:false,editrules:{required: true}, width:90,cellattr: function (rowId, tv, rawObject, cm, rdata) { return ' onclick="fun_split_model($(this))" '; },formatter:function (cellvalue, options, rowObject) { return "<input type='button' value='SPLIT' onclick='some_function' \>"; }}, {name:'',index:'',hidden:true,align: "center",editable:false,editrules:{required: true}, width:90,cellattr: function (rowId, tv, rawObject, cm, rdata) { return ' onclick="fun_preview($(this))" '; },formatter:function (cellvalue, options, rowObject) { return "<input type='button' value='PREVIEW' onclick='some_function' \>"; }}, {name:'',index:'',align: "center",editable:false,editrules:{required: true}, width:90,cellattr: function (rowId, tv, rawObject, cm, rdata) { return ' onclick="fun_edit($(this))" '; },formatter:function (cellvalue, options, rowObject) { return "<input type='button' value='EDIT' onclick='some_function' \>"; }}, ], height: 'auto', rowNum:50, rowTotal: 200000000000000000000000000, rowList : [50,100,200,300,500,1000,5000], rownumbers: true, rownumWidth: 40, pager:"#pager6", sortname:'id', viewrecords: true, gridview: true, autowidth: true, sortorder:"asc", loadonce:true, caption:"Fabric Stock Details", multiselect: true, //footerrow: true, footerrow: true, loadComplete: function () { var sumOfPrice_rec_weight = jQuery("#list6").jqGrid('getCol','rec_weight',false,'sum'); var sumOfPrice_balanced_mtrs = jQuery("#list6").jqGrid('getCol','balanced_mtrs',false,'sum'); var sumOfPrice_var_mtrs = jQuery("#list6").jqGrid('getCol','variance_mtrs',false,'sum'); var sumOfrejected_mtrs = jQuery("#list6").jqGrid('getCol','rejected_mtrs',false,'sum'); //var sumOfrejected_weight = jQuery("#list6").jqGrid('getCol','rejected_weight',false,'sum'); //var s=sumOfPrice_rec_weight.toFixed(2); jQuery("#list6").jqGrid('footerData', 'set', { shades: 'Total:', rec_weight: sumOfPrice_rec_weight.toFixed(2) , balanced_mtrs: sumOfPrice_balanced_mtrs.toFixed(2) , rejected_mtrs: sumOfrejected_mtrs.toFixed(2) }); }, }); $("#list6").jqGrid("setLabel", "rn", "SL"); //$("#list2").jqGrid('filterToolbar',{searchOperators : false}); //for multisearch code,remove if not required jQuery("#list6").jqGrid('filterToolbar', { stringResult: true, searchOnEnter: false, defaultSearch: "cn" }); $("#list6").jqGrid('navGrid','#pager6', {edit:false,add:false,del:false,search:false,refreshstate:"current"}, { }, { }, { }, { sopt:['eq', 'ne', 'lt', 'gt', 'cn', 'bw', 'ew'], closeOnEscape: true, multipleSearch: true, closeAfterSearch: true } ); }); function vehicalFmatter (cellvalue, options, rowObject) { if (cellvalue == 1) return "-"; else if (cellvalue == 0) return "+"; } function fun_preview(rowId) { var id = rowId.closest('tr').attr('id'); var as=id; var v=$('#preview_id').val(); if(v == 1) { $.ajax({ type:'post', url:'<?php echo base_url("stock_history_details/fabric_stock_preview"); ?>', data:{'id':as}, async:false, success:function() { window.location.href = '<?php echo base_url('stock_history_details/fabric_stock_preview');?>/'+ '?id='+as; } }); } else { swal({ title: "You Don't Have Access For This Preview", text: "", }); } } function fun_add(rowId) { var id = rowId.closest('tr').attr('id'); var as=id; var v=$('#usertype').val(); // if(v == 1) // { $.ajax({ type:'post', url:'<?php echo base_url("marketing/selected_po"); ?>', data:{'id':as}, async:false, success:function(data) { alert(data); } }); // } // else // { // swal({ // title: "You Don't Have Access For This To ADD", // text: "", // }); // } } function fun_split_model(rowId) { var id = rowId.closest('tr').attr('id'); var as=id; $('#ref_id').val(as); $('#split_modal').modal('show'); } function fun_edit(rowId) { var id = rowId.closest('tr').attr('id'); var as=id; var v=$('#usertype').val(); if(v == 1) { $.ajax({ type:'post', url:'<?php echo base_url("stock_history_details/fabric_stock_edit"); ?>', data:{'id':as}, async:false, success:function() { window.location.href = '<?php echo base_url('stock_history_details/fabric_stock_edit');?>/'+ '?id='+as; } }); } else { swal({ title: "You Don't Have Access For This To Edit", text: "", }); } } </script> <style> .preview { padding-bottom:3px !important; padding-top:3px !important; } </style> <link rel="stylesheet" href="<?php echo base_url('assets/css/code_jquery.min.css');?>"> <script src="<?php echo base_url('assets/js/jquery-ui.min.js'); ?>" type="text/javascript"></script> <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('assets/css/jquery-ui.min.css'); ?>" /> <script> $(document).ready(function() { $( "#customer" ).autocomplete({ source: '<?php echo base_url('request/auto_sea'); ?>', }); }); function searchname() { var customer = document.getElementById('customer').value; $.ajax({ url:"<?php echo base_url('request/search_by_fetch')?>", dataType: "json", data:{'customer':customer}, type:"POST", async:true, success:function(data) { // alert('hai'); var obj=JSON.parse(data); document.getElementById('customer_id').value=obj[0].customerID; } }); } </script> <script src="<?php echo base_url(); ?>assets/js/sweetalert.min.js" type="text/javascript"></script> <link href="<?php echo base_url(); ?>assets/css/sweetalert.min.css" rel="stylesheet" type="text/css" > <script type="text/javascript"> $("#generate_submit").on('click', function () { var id=''; $("input[type=checkbox]:checked").each(function() { id += $(this).closest('tr').attr('id') + "|"; }); //alert(id); // $(".checked_ids").val(''); $("#check_box_ids").val(id); var check_values=$("#check_box_ids").val(); //alert(check_values); $.ajax({ url:"<?php echo base_url('planning/check_box_checked_report_valuess')?>", dataType: "json", data:{'check_values':check_values}, type:"POST", async:true, success:function(data) { //var obj = jQuery.parseJSON(data); //alert(obj.invoice); //alert(obj.invoice_num); var confirmMsg= confirm("Do You Want To Add One More Fabric Details.!"); if (confirmMsg==true) { //$("#list6").jqGrid('setGridParam',{datatype:'json'}).trigger('reloadGrid'); } else if (confirmMsg==false) { $(".check_form").submit(); } } }); }); function goods_details() { var no_of_split =$('#no_of_split').val(); var ref_id =$('#ref_id').val(); //alert(ref_id); $.ajax({ type:'post', url:'<?php echo base_url("stock_history_details/fabric_stock_split"); ?>', data:{'no_of_split':no_of_split,'ref_id':ref_id}, async:false, success:function(data) { var objData = jQuery.parseJSON(data); var split=objData.no_of_split; var val1=objData.getalldata; //alert(objData.getalldata.received_date); var content = ''; $('#dynamicTbody').empty(); $('#table_ref_id').val(ref_id); $('#table_split').val(split); $('#rec_weightt').val(val1.rec_weight); $('#rec_qty').val(val1.balanced_mtrs); var weight=parseFloat(val1.rec_weight) / split; var qty=parseFloat(val1.balanced_mtrs) / split; var ww=parseFloat(weight.toFixed(2)); var qq=parseFloat(qty.toFixed(2)); for (var i = 1; i <= split; i++) { content += '<tr id="rowCount1" class="rowCount">'; content += '<td><input type="text" name="ourShade[1]" id="" class="form-control" value="'+i+'" /></td>'; content += '<td style="width: 214px;"><input type="hidden" name="refe_ids[]" class="form-control refe_ids" value="'+val1.id+'" readonly/><input type="text" name="po[]" id="" class="form-control" value="'+val1.po_no+'" readonly/></td>'; content += '<td><input type="text" name="ssl_pc_no[]" id="" class="form-control ssl_piece_number" value="'+val1.ssl_pc_no+'/'+i+'" readonly/></td>'; content += '<td><input type="text" name="ourShade[1]" id="" class="form-control" value="'+val1.piece_no+'" readonly/></td>'; content += '<td><input type="text" name="ourShade[1]" id="" class="form-control" value="'+val1.product_name+'" readonly /></td>'; content += '<td><input type="text" name="ourShade[1]" id="" class="form-control" value="'+val1.width+'" readonly/></td>'; content += '<td><input type="text" name="ourShade[1]" id="" class="form-control" value="'+val1.design+'" readonly/></td>'; content += '<td><input type="text" name="ourShade[1]" id="" class="form-control" value="'+val1.shades+'" readonly/></td>'; content += '<td><input type="text" name="wei[]" id="" class="form-control rec_w" value="'+ww+'" /></td>'; content += '<td><input type="text" name="qtty[]" id="" class="form-control rec_q" value="'+qq+'" /></td>'; content += '</tr>'; i+1; } content += '<tr >'; content += '<td colspan="13" style="text-align: right;font-size: 14px;font-weight: bold;">'+'Total Received Weight : '+val1.rec_weight+' '+'</td>'; content += '</tr>'; content += '<tr >'; content += '<td colspan="13" style="text-align: right;font-size: 14px;font-weight: bold;">'+'Total Actual Quantity : '+val1.balanced_mtrs+' '+'<input type="hidden" value="'+val1.balanced_mtrs+'" class="actual_qty"></td>'; content += '</tr>'; $('#split_modal').modal('hide'); $('#no_of_split').val(''); $("#dynamicTbody").html(content); $('#content_modal').modal('show'); } }); } </script> <link href="<?php echo base_url('assets/css/sweetalert2.min.css');?>" rel="stylesheet"/> <script src="<?php echo base_url('assets/js/sweetalert2.min.js');?>"></script> <link rel="stylesheet" href="<?php echo base_url('assets/css/code_jquery.min.css');?>"> <script src="<?php echo base_url('assets/js/jquery-ui.min.js'); ?>" type="text/javascript"></script> <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('assets/css/jquery-ui.min.css'); ?>" /> <script> r_ids=[]; rec_wt=[]; rec_qt=[]; ssl_pc=[]; function content_goods_details() { //alert('hai'); r_ids.length=0; rec_wt.length=0; rec_qt.length=0; ssl_pc.length=0; var rec_weight = $('#rec_weightt').val(); var rec_qty = $('#rec_qty').val(); var tot=0; $('.rec_w').each(function () { var tots=$(this).val(); tot +=parseFloat(tots); //alert(tot); }); var tott=0; $('.rec_q').each(function () { var totss=$(this).val(); tott +=parseFloat(totss); //alert(tot); }); <!--------- UNCOMMENT -------------> // if(tot > rec_weight) // { // swal({ // title: "Received Weight Is Excceded", // text: "", // }); // } // else if(tott > rec_qty) // { // swal({ // title: "Received Quantity Is Excceded", // text: "", // }); // } <!--------- ALL COMMENT -------------> // else if(tot < rec_weight ) // { // swal({ // title: "Received Quantity Is Not Equal", // text: "", // }); // } // else if(tott < rec_qty) // { // swal({ // title: "Received Quantity Is Not Equal", // text: "", // }); // } // else // { $('.refe_ids').each(function () { r_ids.push($(this).val()); }); $('.rec_w').each(function () { rec_wt.push($(this).val()); }); $('.rec_q').each(function () { rec_qt.push($(this).val()); }); $('.ssl_piece_number').each(function () { ssl_pc.push($(this).val()); }); var actual_qty=$('.actual_qty').val(); var table_ref_id=$('#table_ref_id').val(); var table_split=$('#table_split').val(); $.ajax({ type:'post', url:'<?php echo base_url("stock_history_details/insert_madeups_split_data"); ?>', data:{'table_split':table_split,'ssl_pc':ssl_pc,'table_ref_id':table_ref_id,'r_ids':r_ids,'rec_wt':rec_wt,'rec_qt':rec_qt,'actual_qty':actual_qty}, async:false, success:function(data) { $('#content_modal').modal('toggle'); $("#list2").jqGrid('setGridParam',{datatype:'json'}).trigger('reloadGrid'); $("#list3").jqGrid('setGridParam',{datatype:'json'}).trigger('reloadGrid'); $("#list4").jqGrid('setGridParam',{datatype:'json'}).trigger('reloadGrid'); $("#list5").jqGrid('setGridParam',{datatype:'json'}).trigger('reloadGrid'); $("#list6").jqGrid('setGridParam',{datatype:'json'}).trigger('reloadGrid'); $("#list7").jqGrid('setGridParam',{datatype:'json'}).trigger('reloadGrid'); $("#list8").jqGrid('setGridParam',{datatype:'json'}).trigger('reloadGrid'); $("#list9").jqGrid('setGridParam',{datatype:'json'}).trigger('reloadGrid'); $("#list10").jqGrid('setGridParam',{datatype:'json'}).trigger('reloadGrid'); } }); // } } </script> <style> #search_list2 { display:none !important; } #list2_122_t { height:0px !important; } list2_136_t { height:12px !important; } .scroll { height:12px !important; } .ui-jqgrid-btable { } .ui-common-table { height:12px !important; } #refresh_list2 { display:none !important; } #client_edit { padding-right:12px !important; } #list2 { width: 1050px; height: 0px !important; } #gbox_list2 { height: auto !important; } #gview_list2 { height: auto !important; } @media only screen and (min-width:320px) and (max-width:641px){ .ui-jqgrid { margin-left: 1px !important; } #jaytab{ margin-top: 0 !important; margin-left: 0 !important; overflow-x: scroll; width: 100% !important; padding-left: 0 !important; } #editmodlist2 { width:90% !important; } #sData span, #cData span { margin-left: 0 !important; } .h_radio { margin-left:10% !important; } } @media only screen and (min-width:641px) and (max-width:991px){ .ui-jqgrid { margin-left: 1px !important; } #jaytab{ margin-top: 0 !important; margin-left: 0 !important; overflow-x: scroll; width: 100% !important; padding-left:0 !important; padding-right:9px !important; } .h_radio { margin-left:4.3% !important; } } @media only screen and (min-width:992px) and (max-width:1258px){ #jaytab{ margin-top: 0 !important; margin-left: 0 !important; overflow-x: scroll; width: 100% !important; padding-left:0 !important; padding-right:9px !important; } .h_radio { margin-left:4.3% !important; } } #sData span, #cData span { margin-left: 3px; } #sData { height: 29px; } #cData { height: 29px; } .jqgfirstrow { height: 0px !important; } </style> <style> .modal-dialog { width: 90%; } .modal-content { padding:0 10px; } #list2 { width: 1300px !important; } #pager2 { width: 1300px !important; } #gbox_list2 { width: 1300px !important; } #gview_list2 { width: 1300px !important; } #list3 { width: 1300px !important; } #pager3 { width: 1300px !important; } #gbox_list3 { width: 1300px !important; } #gview_list3 { width: 1300px !important; } #list4 { width: 1300px !important; } #pager4 { width: 1300px !important; } #gbox_list4 { width: 1300px !important; } #gview_list4 { width: 1300px !important; } #list5 { width: 1300px !important; } #pager5 { width: 1300px !important; } #gbox_list5 { width: 1300px !important; } #gview_list5 { width: 1300px !important; } #list6 { width: 1300px !important; } #pager6 { width: 1300px !important; } #gbox_list6 { width: 1300px !important; } #gview_list6 { width: 1300px !important; } #list7 { width: 1300px !important; } #pager7 { width: 1300px !important; } #gbox_list7 { width: 1300px !important; } #gview_list7 { width: 1300px !important; } #list8 { width: 1300px !important; } #pager8 { width: 1300px !important; } #gbox_list8 { width: 1300px !important; } #gview_list8 { width: 1300px !important; } #list9 { width: 1300px !important; } #pager9 { width: 1300px !important; } #gbox_list9 { width: 1300px !important; } #gview_list9 { width: 1300px !important; } #list10 { width: 1300px !important; } #pager10 { width: 1300px !important; } #gbox_list10 { width: 1300px !important; } #gview_list10 { width: 1300px !important; } .ui-jqgrid-hdiv { width: 1300px !important; } .ui-jqgrid-htable { width: 1300px !important; } .ui-jqgrid-bdiv { width: 1300px !important; } </style>