online offline list preview : ps

This commit is contained in:
VE10-Sanjeev 2024-04-06 14:56:10 +05:30
parent 6bc2eb487f
commit a797c3eb6f
2 changed files with 23 additions and 19 deletions

View File

@ -14,31 +14,22 @@
} }
} }
#pdfPreviewModal .modal-dialog { #pdfPreviewModal .modal-dialog {
max-width: 148mm !important; max-width: 148mm; /* A5 width */
min-width: 148mm !important; width: auto;
width: 148mm !important;
/* A5 width */
/* width: auto; */
margin: 1.75rem auto; margin: 1.75rem auto;
} }
#pdfPreviewModal .modal-body { #pdfPreviewModal .modal-body {
font-family: 'Times New Roman', Times, serif !important; font-family: 'Times New Roman', Times, serif;
font-size: 8pt !important; font-size: 8pt;
margin: 0;
} }
.table-responsive{ .table-responsive{
font-family: 'Apple System', 'BlinkMacSystemFont', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; font-family: 'Apple System', 'BlinkMacSystemFont', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
font-size: 12px; font-size: 12px;
} }
#printPdfButton .ri-printer-line { #printPdfButton .ri-printer-line {
font-size: 8px; font-size: 8px;
} }
.modal-lg, .modal-xl {
.modal-lg,
.modal-xl {
max-width: 678px; max-width: 678px;
} }
</style> </style>
@ -149,7 +140,7 @@
</button> </button>
</div> </div>
<div class="modal-body" style="font-family: 'Times New Roman', Times, serif !important; font-size: 8pt !important;"> <div class="modal-body" style="font-family: Times New Roman, Times, sans-serif !important; font-size: 12px !important;">
<!-- PDF content will be loaded here --> <!-- PDF content will be loaded here -->
</div> </div>

View File

@ -1,13 +1,26 @@
<style> <style>
/* CSS for modal content */ /* CSS for modal content */
@media print {
/* Set A5 size */
@page {
size: 148mm 210mm; /* Width Height */
margin: 0;
}
/* Apply font family and size */
body {
font-family: 'Times New Roman', Times, serif;
font-size: 8pt;
}
}
#pdfPreviewModal .modal-dialog { #pdfPreviewModal .modal-dialog {
max-width: 210mm; /* A5 width */ max-width: 148mm; /* A5 width */
width: auto; width: auto;
margin: 1.75rem auto; margin: 1.75rem auto;
} }
#pdfPreviewModal .modal-body { #pdfPreviewModal .modal-body {
font-family: 'Apple System', 'BlinkMacSystemFont', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; font-family: 'Times New Roman', Times, serif;
font-size: 14px; font-size: 8pt;
} }
.table-responsive{ .table-responsive{
font-family: 'Apple System', 'BlinkMacSystemFont', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; font-family: 'Apple System', 'BlinkMacSystemFont', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;