PDF from Page properties

PDF from Page properties

Hello,
I am generating few tables using page from different forms and reports using HTML snippet. But when i try to export the page as pdf i receive the the following view which the file i have attached.
Here's the code:

  2. <%{
  3. fet_UpperWear = Upper_Wear_Garment_Stock_Report[Stock_Location.contains(param_location)];
  4. fet_BottomWear = Bottom_Wear_Garment_Stock_Report[Stock_Location.contains(param_location)];
  5. fet_KidsWear = Kids_Garment_Stock_Report[Stock_Location.contains(param_location)];
  6. fet_Accessories = Accessories_Stock_Report[Stock_Location.contains(param_location)];
  7. location = param_location;
  8. %>
  9. <html>
  10. <head>
  11. <style>body {
  12. font-family: Arial
  13. ;margin: 0;
  14. }.header{
  15. text-align:center;
  16. color: black;
  17. font-size:10px;
  18. }
  19. </style>
  20. </head>
  21. <body>
  22. <div class= header>
  23. <h1>Stock Report</h1>
  24. <h2>Stock Location: <%=location%></h2>
  25. </div>
  26. </body>\
  27. </html>
  28. <html>
  29. <head>
  30. <style>
  31. table {
  32. font-family: arial,sans-serif;
  33. font-size: 12px;
  34. border-collapse: collapse;
  35. width: 40%;
  36. padding-left: 20px;
  37. display: inline-block;
  38. vertical-align: top;
  39. }td, th {
  40. border: 1px solid #dddddd;
  41. border: 1px solid black;
  42. text-align: left;
  43. padding: 8px;
  44. }tr:nth-child(even) {
  45. background-color: #dddddd;
  46. }
  47. </style>
  48. </head>
  49. <table>
  50. <tbody>
  51. <caption style= font-weight: bold; font-size: 14px;>Upper Wear Garment Details</caption>
  52. <tr>
  53. <th>Style No.:</th>
  54. <th>Color No.:</th>
  55. <th>Garment:</th>
  56. <th>Inward Pcs:</th>
  57. <th>Outward Pcs:</th>
  58. <th>Balance Pcs:</th>
  59. </tr>
  60. <%
  61. total_Pcs = 0;
  62. for each  rec in fet_UpperWear
  63. {
  64. design = rec.Design_No_Article_No.Design_No;
  65. shade = rec.Shade_No_Color_No.Shade_No;
  66. garment = rec.Garment.Garment;
  67. inward = rec.Inward_Total_Pcs;
  68. outward = rec.Outward_Total_Pcs;
  69. balance = rec.Balance_Pcs;
  70. total_Pcs = ifnull(total_Pcs,0) + ifnull(balance,0);
  71. %>
  72. <tr>
  73. <td><%=design%></td>
  74. <td><%=shade%></td>
  75. <td><%=garment%></td>
  76. <td><%=inward%></td>
  77. <td><%=outward%></td>
  78. <td><%=balance%></td>
  79. </tr>
  80. <%
  81. }
  82. %>
  83. <tr>
  84. <td></td>
  85. <td></td>
  86. <td></td>
  87. <td></td>
  88. <td></td>
  89. <td>Total Balance Pcs: <%=total_Pcs%></td>
  90. </tr>
  91. </tbody>
  92. </table>
  93. <table>
  94. <body>
  95. <caption style= font-weight: bold; font-size: 14px;>Bottom Wear Garment Details</caption>
  96. <tr>
  97. <th>Style No.:</th>
  98. <th>Color No.:</th>
  99. <th>Garment:</th>
  100. <th>Inward Pcs:</th>
  101. <th>Outward Pcs:</th>
  102. <th>Balance Pcs:</th>
  103. </tr>
  104. <%
  105. total_Pcs_Bottom = 0;
  106. for each  rec_Bottom in fet_BottomWear
  107. {
  108. design_bottom = rec_Bottom.Design_No.Design_No;
  109. shade_bottom = rec_Bottom.Shade_No.Shade_No;
  110. garment_bottom = rec_Bottom.Garment.Garment;
  111. inward_bottom = rec_Bottom.Inward_Total_Pcs;
  112. outward_bottom = rec_Bottom.Outward_Total_Pcs;
  113. balance_bottom = rec_Bottom.Balance_Pcs;
  114. total_Pcs_Bottom = ifnull(total_Pcs_Bottom,0) + ifnull(balance_bottom,0);
  115. %>
  116. <tr>
  117. <td><%=design_bottom%></td>
  118. <td><%=shade_bottom%></td>
  119. <td><%=garment_bottom%></td>
  120. <td><%=inward_bottom%></td>
  121. <td><%=outward_bottom%></td>
  122. <td><%=balance_bottom%></td>
  123. </tr>
  124. <%
  125. }
  126. %>
  127. <tr>
  128. <td></td>
  129. <td></td>
  130. <td></td>
  131. <td></td>
  132. <td></td>
  133. <td>Total Balance Pcs: <%=total_Pcs_Bottom%></td>
  134. </tr>
  135. </tbody>
  136. </table>
  137. <table>
  138. <body>
  139. <caption style= font-weight: bold; font-size: 14px;>Kids Wear Garment Details</caption>
  140. <tr>
  141. <th>Style No.:</th>
  142. <th>Color No.:</th>
  143. <th>Garment:</th>
  144. <th>Inward Pcs:</th>
  145. <th>Outward Pcs:</th>
  146. <th>Balance Pcs:</th>
  147. </tr>
  148. <%
  149. total_Pcs_Kids = 0;
  150. for each  rec_kids in fet_KidsWear
  151. {
  152. design_kids = rec_kids.Design_No_Article_No.Design_No;
  153. shade_kids = rec_kids.Shade_No.Shade_No;
  154. garment_kids = rec_kids.Garment.Garment;
  155. inward_kids = rec_kids.Inward_Total_Pcs;
  156. outward_kids = rec_kids.Outward_Total_Pcs;
  157. balance_kids = rec_kids.Balance_Pcs;
  158. total_Pcs_Kids = ifnull(total_Pcs_Kids,0) + ifnull(balance_kids,0);
  159. %>
  160. <tr>
  161. <td><%=design_kids%></td>
  162. <td><%=shade_kids%></td>
  163. <td><%=garment_kids%></td>
  164. <td><%=inward_kids%></td>
  165. <td><%=outward_kids%></td>
  166. <td><%=balance_kids%></td>
  167. </tr>
  168. <%
  169. }
  170. %>
  171. <tr>
  172. <td></td>
  173. <td></td>
  174. <td></td>
  175. <td></td>
  176. <td></td>
  177. <td>Total Balance Pcs: <%=total_Pcs_Kids%></td>
  178. </tr>
  179. </tbody>
  180. </table>
  181. <table>
  182. <body>
  183. <caption style= font-weight: bold; font-size: 14px;>Accessories Details</caption>
  184. <tr>
  185. <th>Item No.:</th>
  186. <th>Color No.:</th>
  187. <th>Inward Quantity:</th>
  188. <th>Outward Quantity:</th>
  189. <th>Balance Quantity:</th>
  190. </tr>
  191. <%
  192. total_Pcs_acc = 0;
  193. for each  rec_acc in fet_Accessories
  194. {
  195. design_acc = rec_acc.Item_No.Item_No;
  196. shade_acc = rec_acc.Color_No.Color_No;
  197. inward_acc = rec_acc.Inward_Quantity;
  198. outward_acc = rec_acc.Outward_Quantity;
  199. balance_acc = rec_acc.Balance_Quantity;
  200. total_Pcs_acc = ifnull(total_Pcs_acc,0) + ifnull(balance_acc,0);
  201. %>
  202. <tr>
  203. <td><%=design_acc%></td>
  204. <td><%=shade_acc%></td>
  205. <td><%=inward_acc%></td>
  206. <td><%=outward_acc%></td>
  207. <td><%=balance_acc%></td>
  208. </tr>
  209. <%
  210. }
  211. %>
  212. <tr>
  213. <td></td>
  214. <td></td>
  215. <td></td>
  216. <td></td>
  217. <td>Total Balance Pcs: <%=total_Pcs_acc%></td>
  218. </tr>
  219. </tbody>
  220. </table>
  221. </html>
  222. <%

  224. }%>
    225.