Recent

Author Topic: How do I export fortesreport to html?  (Read 4710 times)

Michael Collier

  • Sr. Member
  • ****
  • Posts: 301
How do I export fortesreport to html?
« on: May 24, 2016, 12:25:51 pm »
I'm experimenting with fortesreports (http://fortes4lazarus.sourceforge.net/) for the first time and would like to try exporting the example report(s) to an HTML file.

The basic.lpr demo comes with an TRLHTMLFilter component already on the form but doesn't appear to be configured for use and I'm not sure what properties and methods to use.

I'm googling for help, I found references to filterpages procedure but I searched all source files in the fortesreports directory and can't find anything for it??

Thanks

balazsszekely

  • Guest
Re: How do I export fortesreport to html?
« Reply #1 on: May 24, 2016, 02:23:04 pm »
You don't have to do anything, just run the demo from the basic folder, then press the save button(see attachment):

Michael Collier

  • Sr. Member
  • ****
  • Posts: 301
Re: How do I export fortesreport to html?
« Reply #2 on: May 25, 2016, 10:21:25 am »
Thanks for that, the HTML output I'm getting looks terribly wrong, full of strange characters. I've pasted the html source below. Note, the PDF and RTF filters work ok and the reports look ok in the preview window, it's just the html output that is bad, any ideas??

Code: Pascal  [Select][+][-]
  1. RPF4FirstPageNumber=1LastPageNumber=1Title=
  2. Orientation=1PaperWidth=210.0000PaperHeight=297.0000  FAT=teste•X1RLGraphicSurface3c
  3. Orientation=1PaperWidth=210.0000PaperHeight=297.0000Arialc´ÿÿÿ
  4. &&ôU &&ôU
  5. &&ôU**JJÿÿÿ  –**JJyBMPBMvv(    €€€€€€€€€ÀÀÀ€€€ÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿŸÿÿÿÿÿÿÿÿÿÿÿÿÿÿùÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿŸÿÿÿÿÿÿÿÿÿÿÿÿÿÿùŸÿÿÿÿÿÿÿÿÿÿÿÿÿÿ™ÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿ™ÿÿÿÿÿÿÿÿÿÿÿÿÿÿùŸÿÿÿÿÿÿÿÿÿÿÿÿÿÿ™Ÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿ™ÿÿÿÿÿÿÿÿÿÿÿÿÿÿù™ÿÿÿÿÿÿÿÿÿÿÿÿ™ÿù™ÿÿÿÿÿÿÿÿÿÿÿ™ÿÿ™Ÿÿÿÿÿÿÿÿÿÿÿ™Ÿÿÿ™Ÿÿÿÿÿÿÿÿÿÿù™Ÿÿù™Ÿÿÿÿÿÿÿÿÿÿ™™ÿÿù™Ÿÿÿÿÿÿÿÿÿù™™ÿÿù™Ÿÿÿÿÿÿÿÿÿù™™ÿÿ™™Ÿÿÿÿÿÿÿÿÿù™™ÿÿ™™Ÿÿÿÿÿÿÿÿÿù™™Ÿÿ™™Ÿÿÿÿÿÿÿÿÿÿ™™™ÿ™™Ÿÿÿÿÿÿÿÿÿÿù™™Ÿ™™Ÿÿÿÿÿÿÿÿÿÿÿù™™™™Ÿÿÿÿÿÿÿÿÿÿÿÿù™™™™ÿÿÿÿÿÿÿÿÿÿÿÿù™™™ÿÿÿÿÿÿÿÿÿÿÿÿÿ™™™Ÿÿÿÿÿ™Ÿÿÿ™™ÿÿù™™™™™™™ÿÿÿù™™Ÿÿÿ™™™™™Ÿÿÿÿÿù™™Ÿÿÿù™™Ÿÿÿÿÿÿÿù™™Ÿÿÿÿ™™™Ÿÿÿÿÿÿù™™Ÿÿÿÿÿ™™™™ÿÿ™Ÿÿ™™ÿÿÿÿÿÿ™™™™™Ÿÿÿÿÿÿÿÿÿÿÿÿù™Ÿÿÿÿ]A*ñ:C*Pag.: 1 de {LastPageNumber}`óÿÿÿ
  6. M¡>ðN£> 25 May 2016`óÿÿÿ
  7. &&ôU
  8. &Uôj
  9. &Uôjÿÿÿ%&U'j%&UôV%óUôj%&iôj &Uôj
  10. &Uôj'VUiÿÿÿO'VUi    )V
  11. Número da NF`óÿÿÿ
  12. UVƒi
  13. ÿÿÿJUVƒi WVEmissão`óÿÿÿ
  14. ƒV´i ÿÿÿIƒV´i
  15. …VCliente`óÿÿÿ
  16.  &Uôj
  17. &jô&jôÿÿÿ &jô
  18. &jô'jUÿÿÿH'jU)j000001`óÿÿÿ
  19. Uj™ÿÿÿLUj™Wj
  20. 01/01/2001`óÿÿÿ
  21. ƒj»ÿÿÿHƒj»…jFULANO`óÿÿÿ
  22. &jô&ôýPÿÿÿ
  23. Lô”Lô” ÿÿÿ%L“ô”  Lô”
  24. Lô” Lz“ÿÿÿQLz“NCódigo do Item`óÿÿÿ
  25. <˜“ÿÿÿQ<˜“>Valor Unitário`óÿÿÿ
  26. ˜Æ“ÿÿÿL˜Æ“z
  27. Quantidade`óÿÿÿ
  28. Æô“ÿÿÿJÆô“½Subtotal`óÿÿÿ
  29. z<“ÿÿÿMz<“| Descrição`óÿÿÿ
  30.  Lô”
  31. L”ô©*L”ô©+ÿÿÿ L”ô©+
  32. L”ô©+L”z©!ÿÿÿCL”z©"N”1`óÿÿÿ
  33. <”˜©#ÿÿÿD<”˜©$ˆ”15`óÿÿÿ
  34. ˜”Æ©%ÿÿÿC˜”Æ©&½”3`óÿÿÿ
  35. Æ”ô©'ÿÿÿGÆ”ô©(Ò”45.00`óÿÿÿ
  36. z”<©)ÿÿÿIz”<©*|”CADERNO`óÿÿÿ
  37. L”ô©+
  38. L©ô¾5L©ô¾6ÿÿÿ L©ô¾6
  39. L©ô¾6L©z¾,ÿÿÿCL©z¾-N©2`óÿÿÿ
  40. <©˜¾.ÿÿÿC<©˜¾/©1`óÿÿÿ
  41. ˜©Æ¾0ÿÿÿC˜©Æ¾1½©2`óÿÿÿ
  42. Æ©ô¾2ÿÿÿFÆ©ô¾3Ù©2.00`óÿÿÿ
  43. z©<¾4ÿÿÿHz©<¾5|©LÁPIS`óÿÿÿ
  44. L©ô¾6
  45. L¾ôÓ@L¾ôÓAÿÿÿ L¾ôÓA
  46. L¾ôÓAL¾zÓ7ÿÿÿCL¾zÓ8N¾3`óÿÿÿ
  47. <¾˜Ó9ÿÿÿE<¾˜Ó:„¾0.5`óÿÿÿ
  48. ˜¾ÆÓ;ÿÿÿC˜¾ÆÓ<½¾6`óÿÿÿ
  49. ƾôÓ=ÿÿÿFƾôÓ>Ù¾3.00`óÿÿÿ
  50. z¾<Ó?ÿÿÿJz¾<Ó@|¾BORRACHA`óÿÿÿ
  51. L¾ôÓA
  52. LÓôèKLÓôèLÿÿÿ LÓôèL
  53. LÓôèLLÓzèBÿÿÿCLÓzèCNÓ6`óÿÿÿ
  54. <Ó˜èDÿÿÿC<Ó˜èEÓ2`óÿÿÿ
  55. ˜ÓÆèFÿÿÿC˜ÓÆèG½Ó3`óÿÿÿ
  56. ÆÓôèHÿÿÿFÆÓôèIÙÓ6.00`óÿÿÿ
  57. zÓ<èJÿÿÿRzÓ<èK|ÓESCOVA DE DENTES`óÿÿÿ
  58. LÓôèL
  59. LèôýNLèôýOÿÿÿ LèôýO
  60. LèôýO¨èôýMÿÿÿN¨èôýNªè Total: 56.00`óÿÿÿ
  61.  LèôýO
  62. &ýôV&ýôWÿÿÿ &ýôW
  63. &ýôW'ýUQÿÿÿH'ýUR)ý000002`óÿÿÿ
  64. Uý™SÿÿÿLUý™TWý
  65. 02/01/2001`óÿÿÿ
  66. ƒýÁUÿÿÿIƒýÁV…ýCICRANO`óÿÿÿ
  67. &ýôW&ô{‡ÿÿÿ
  68. Lô'aLô'bÿÿÿ%L&ô'b Lô'b
  69. Lô'bLz&XÿÿÿQLz&YNCódigo do Item`óÿÿÿ
  70. <˜&ZÿÿÿQ<˜&[>Valor Unitário`óÿÿÿ
  71. ˜Æ&\ÿÿÿL˜Æ&]z
  72. Quantidade`óÿÿÿ
  73. Æô&^ÿÿÿJÆô&_½Subtotal`óÿÿÿ
  74. z<&`ÿÿÿMz<&a| Descrição`óÿÿÿ
  75.  Lô'b
  76. L'ô<lL'ô<mÿÿÿ L'ô<m
  77. L'ô<mL'z<cÿÿÿCL'z<dN'6`óÿÿÿ
  78. <'˜<eÿÿÿC<'˜<f'2`óÿÿÿ
  79. ˜'Æ<gÿÿÿC˜'Æ<h½'2`óÿÿÿ
  80. Æ'ô<iÿÿÿFÆ'ô<jÙ'4.00`óÿÿÿ
  81. z'<<kÿÿÿRz'<<l|'ESCOVA DE DENTES`óÿÿÿ
  82. L'ô<m
  83. L<ôQwL<ôQxÿÿÿ L<ôQx
  84. L<ôQxL<zQnÿÿÿCL<zQoN<8`óÿÿÿ
  85. <<˜QpÿÿÿE<<˜Qq„<3.5`óÿÿÿ
  86. ˜<ÆQrÿÿÿC˜<ÆQs½<2`óÿÿÿ
  87. Æ<ôQtÿÿÿFÆ<ôQuÙ<7.00`óÿÿÿ
  88. z<<QvÿÿÿNz<<Qw|< DESINFETANTE`óÿÿÿ
  89. L<ôQx
  90. LQôf‚LQôfƒÿÿÿ LQôfƒ
  91. LQôfƒLQzfyÿÿÿCLQzfzNQ9`óÿÿÿ
  92. <Q˜f{ÿÿÿC<Q˜f|Q4`óÿÿÿ
  93. ˜QÆf}ÿÿÿC˜QÆf~½Q1`óÿÿÿ
  94. ÆQôfÿÿÿFÆQôf€ÙQ4.00`óÿÿÿ
  95. zQ<fÿÿÿJzQ<f‚|QVASSOURA`óÿÿÿ
  96. LQôfƒ
  97. Lfô{…Lfô{†ÿÿÿ Lfô{†
  98. Lfô{†¨fô{„ÿÿÿN¨fô{…ªf Total: 15.00`óÿÿÿ
  99.  Lfô{†
  100. &{ô&{ôŽÿÿÿ &{ôŽ
  101. &{ôŽ'{UˆÿÿÿH'{U‰){000003`óÿÿÿ
  102. U{™ŠÿÿÿLU{™‹W{
  103. 03/01/2001`óÿÿÿ
  104. ƒ{̐ŒÿÿÿJƒ{̐…{BELTRANO`óÿÿÿ
  105. &{ôŽ&ôä³ÿÿÿ
  106. Lô¥˜Lô¥™ÿÿÿ%L¤ô¥™ Lô¥™
  107. Lô¥™Lz¤ÿÿÿQLz¤NCódigo do Item`óÿÿÿ
  108. <˜¤‘ÿÿÿQ<˜¤’>Valor Unitário`óÿÿÿ
  109. ˜Æ¤“ÿÿÿL˜Æ¤”z
  110. Quantidade`óÿÿÿ
  111. Ɛô¤•ÿÿÿJƐô¤–½Subtotal`óÿÿÿ
  112. z<¤—ÿÿÿMz<¤˜| Descrição`óÿÿÿ
  113.  Lô¥™
  114. L¥ôº£L¥ôº¤ÿÿÿ L¥ôº¤
  115. L¥ôº¤L¥zºšÿÿÿCL¥zº›N¥4`óÿÿÿ
  116. <¥˜ºœÿÿÿC<¥˜º¥2`óÿÿÿ
  117. ˜¥ÆºžÿÿÿC˜¥ÆºŸ½¥2`óÿÿÿ
  118. Æ¥ôº ÿÿÿFÆ¥ôº¡Ù¥4.00`óÿÿÿ
  119. z¥<º¢ÿÿÿJz¥<º£|¥SABONETE`óÿÿÿ
  120. L¥ôº¤
  121. LºôÏ®Lºôϯÿÿÿ Lºôϯ
  122. LºôϯLºzÏ¥ÿÿÿCLºzϦNº5`óÿÿÿ
  123. <º˜Ï§ÿÿÿE<º˜Ï¨„º2.3`óÿÿÿ
  124. ˜ºÆÏ©ÿÿÿC˜ºÆϪ½º1`óÿÿÿ
  125. ƺôÏ«ÿÿÿFƺôϬٺ2.30`óÿÿÿ
  126. zº<Ï­ÿÿÿIzº<Ï®|ºSHAMPOO`óÿÿÿ
  127. Lºôϯ
  128. LÏôä±LÏôä²ÿÿÿ LÏôä²
  129. LÏô䲯Ïôä°ÿÿÿM¯Ïôä±±Ï Total: 6.30`óÿÿÿ
  130.  LÏôä²

balazsszekely

  • Guest
Re: How do I export fortesreport to html?
« Reply #3 on: May 25, 2016, 10:29:18 am »
Works fine with Lazarus trunk/FPC 3.0.0/FortesReport 3.24/Win7
The basic demo exported:
Code: HTML5  [Select][+][-]
  1.  
  2. <meta http-equiv="Content-Type" content="text/html" charset="UTF-8">
  3. <meta name="GENERATOR" content="FortesReport (Open Source) 3.24(B14) ">
  4. @media print
  5. {
  6. .nonprintable {display:none;}
  7. }
  8. font.f0 {font-family:"Arial"; font-size:10pt; color:#000000}
  9. </head>
  10.  
  11.  
  12. <div style="position:relative;width:794px;height:1123px;background-color:#FFFFFF;">
  13. <div style="position:absolute;left:0px;top:0px;width:794px;height:1123px;;background-color:#FFFFFF"></div>
  14. <div style="position:absolute;left:42px;top:42px;width:32px;height:32px;;background-color:#FFFFFF"></div>
  15. <div style="position:absolute;left:42px;top:42px;width:32px;height:32px;"><img src="Test1-img1.bmp" width=32 height=32><!-- --></div>
  16. <div style="position:absolute;left:579px;top:42px;"><font class="f0">Pag.: 1 de 1</font></div>
  17. <div style="position:absolute;left:594px;top:62px;"><font class="f0">Wednesday, May 25, 2016</font></div>
  18. <div style="position:absolute;left:38px;top:85px;width:718px;height:21px;;background-color:#FFFFFF"></div>
  19. <div style="position:absolute;left:38px;top:85px;width:1px;height:21px;;background-color:#000000;"><!-- --></div>
  20. <div style="position:absolute;left:38px;top:85px;width:718px;height:1px;;background-color:#000000;"><!-- --></div>
  21. <div style="position:absolute;left:755px;top:85px;width:1px;height:21px;;background-color:#000000;"><!-- --></div>
  22. <div style="position:absolute;left:38px;top:105px;width:718px;height:1px;;background-color:#000000;"><!-- --></div>
  23. <div style="position:absolute;left:39px;top:86px;width:50px;height:19px;;background-color:#FFFFFF"></div>
  24. <div style="position:absolute;left:41px;top:86px;"><font class="f0"><b>Número da NF</b></font></div>
  25. <div style="position:absolute;left:89px;top:86px;width:50px;height:19px;;background-color:#FFFFFF"></div>
  26. <div style="position:absolute;left:91px;top:86px;"><font class="f0"><b>Emissão</b></font></div>
  27. <div style="position:absolute;left:139px;top:86px;width:49px;height:19px;;background-color:#FFFFFF"></div>
  28. <div style="position:absolute;left:141px;top:86px;"><font class="f0"><b>Cliente</b></font></div>
  29. <div style="position:absolute;left:38px;top:106px;width:718px;height:21px;;background-color:#FFFFFF"></div>
  30. <div style="position:absolute;left:39px;top:106px;width:46px;height:21px;;background-color:#FFFFFF"></div>
  31. <div style="position:absolute;left:41px;top:106px;"><font class="f0">000001</font></div>
  32. <div style="position:absolute;left:89px;top:106px;width:54px;height:21px;;background-color:#FFFFFF"></div>
  33. <div style="position:absolute;left:91px;top:106px;"><font class="f0">1/1/2001</font></div>
  34. <div style="position:absolute;left:139px;top:106px;width:56px;height:21px;;background-color:#FFFFFF"></div>
  35. <div style="position:absolute;left:141px;top:106px;"><font class="f0">FULANO</font></div>
  36. <div style="position:absolute;left:38px;top:127px;width:718px;height:126px;;background-color:#FFFFFF"></div>
  37. <div style="position:absolute;left:76px;top:127px;width:680px;height:21px;;background-color:#FFFFFF"></div>
  38. <div style="position:absolute;left:76px;top:147px;width:680px;height:1px;;background-color:#000000;"><!-- --></div>
  39. <div style="position:absolute;left:76px;top:127px;width:50px;height:20px;;background-color:#FFFFFF"></div>
  40. <div style="position:absolute;left:78px;top:127px;"><font class="f0"><b>Código do Item</b></font></div>
  41. <div style="position:absolute;left:564px;top:127px;width:92px;height:20px;;background-color:#FFFFFF"></div>
  42. <div style="position:absolute;left:566px;top:127px;"><font class="f0"><b>Valor Unitário</b></font></div>
  43. <div style="position:absolute;left:656px;top:127px;width:50px;height:20px;;background-color:#FFFFFF"></div>
  44. <div style="position:absolute;left:632px;top:127px;"><font class="f0"><b>Quantidade</b></font></div>
  45. <div style="position:absolute;left:706px;top:127px;width:50px;height:20px;;background-color:#FFFFFF"></div>
  46. <div style="position:absolute;left:703px;top:127px;"><font class="f0"><b>Subtotal</b></font></div>
  47. <div style="position:absolute;left:126px;top:127px;width:438px;height:20px;;background-color:#FFFFFF"></div>
  48. <div style="position:absolute;left:128px;top:127px;"><font class="f0"><b>Descrição</b></font></div>
  49. <div style="position:absolute;left:76px;top:148px;width:680px;height:21px;;background-color:#FFFFFF"></div>
  50. <div style="position:absolute;left:76px;top:148px;width:50px;height:21px;;background-color:#FFFFFF"></div>
  51. <div style="position:absolute;left:78px;top:148px;"><font class="f0">1</font></div>
  52. <div style="position:absolute;left:564px;top:148px;width:92px;height:21px;;background-color:#FFFFFF"></div>
  53. <div style="position:absolute;left:642px;top:148px;"><font class="f0">15</font></div>
  54. <div style="position:absolute;left:656px;top:148px;width:50px;height:21px;;background-color:#FFFFFF"></div>
  55. <div style="position:absolute;left:699px;top:148px;"><font class="f0">3</font></div>
  56. <div style="position:absolute;left:706px;top:148px;width:50px;height:21px;;background-color:#FFFFFF"></div>
  57. <div style="position:absolute;left:724px;top:148px;"><font class="f0">45.00</font></div>
  58. <div style="position:absolute;left:126px;top:148px;width:438px;height:21px;;background-color:#FFFFFF"></div>
  59. <div style="position:absolute;left:128px;top:148px;"><font class="f0">CADERNO</font></div>
  60. <div style="position:absolute;left:76px;top:169px;width:680px;height:21px;;background-color:#FFFFFF"></div>
  61. <div style="position:absolute;left:76px;top:169px;width:50px;height:21px;;background-color:#FFFFFF"></div>
  62. <div style="position:absolute;left:78px;top:169px;"><font class="f0">2</font></div>
  63. <div style="position:absolute;left:564px;top:169px;width:92px;height:21px;;background-color:#FFFFFF"></div>
  64. <div style="position:absolute;left:649px;top:169px;"><font class="f0">1</font></div>
  65. <div style="position:absolute;left:656px;top:169px;width:50px;height:21px;;background-color:#FFFFFF"></div>
  66. <div style="position:absolute;left:699px;top:169px;"><font class="f0">2</font></div>
  67. <div style="position:absolute;left:706px;top:169px;width:50px;height:21px;;background-color:#FFFFFF"></div>
  68. <div style="position:absolute;left:731px;top:169px;"><font class="f0">2.00</font></div>
  69. <div style="position:absolute;left:126px;top:169px;width:438px;height:21px;;background-color:#FFFFFF"></div>
  70. <div style="position:absolute;left:128px;top:169px;"><font class="f0">LÁPIS</font></div>
  71. <div style="position:absolute;left:76px;top:190px;width:680px;height:21px;;background-color:#FFFFFF"></div>
  72. <div style="position:absolute;left:76px;top:190px;width:50px;height:21px;;background-color:#FFFFFF"></div>
  73. <div style="position:absolute;left:78px;top:190px;"><font class="f0">3</font></div>
  74. <div style="position:absolute;left:564px;top:190px;width:92px;height:21px;;background-color:#FFFFFF"></div>
  75. <div style="position:absolute;left:638px;top:190px;"><font class="f0">0.5</font></div>
  76. <div style="position:absolute;left:656px;top:190px;width:50px;height:21px;;background-color:#FFFFFF"></div>
  77. <div style="position:absolute;left:699px;top:190px;"><font class="f0">6</font></div>
  78. <div style="position:absolute;left:706px;top:190px;width:50px;height:21px;;background-color:#FFFFFF"></div>
  79. <div style="position:absolute;left:731px;top:190px;"><font class="f0">3.00</font></div>
  80. <div style="position:absolute;left:126px;top:190px;width:438px;height:21px;;background-color:#FFFFFF"></div>
  81. <div style="position:absolute;left:128px;top:190px;"><font class="f0">BORRACHA</font></div>
  82. <div style="position:absolute;left:76px;top:211px;width:680px;height:21px;;background-color:#FFFFFF"></div>
  83. <div style="position:absolute;left:76px;top:211px;width:50px;height:21px;;background-color:#FFFFFF"></div>
  84. <div style="position:absolute;left:78px;top:211px;"><font class="f0">6</font></div>
  85. <div style="position:absolute;left:564px;top:211px;width:92px;height:21px;;background-color:#FFFFFF"></div>
  86. <div style="position:absolute;left:649px;top:211px;"><font class="f0">2</font></div>
  87. <div style="position:absolute;left:656px;top:211px;width:50px;height:21px;;background-color:#FFFFFF"></div>
  88. <div style="position:absolute;left:699px;top:211px;"><font class="f0">3</font></div>
  89. <div style="position:absolute;left:706px;top:211px;width:50px;height:21px;;background-color:#FFFFFF"></div>
  90. <div style="position:absolute;left:731px;top:211px;"><font class="f0">6.00</font></div>
  91. <div style="position:absolute;left:126px;top:211px;width:438px;height:21px;;background-color:#FFFFFF"></div>
  92. <div style="position:absolute;left:128px;top:211px;"><font class="f0">ESCOVA DE DENTES</font></div>
  93. <div style="position:absolute;left:76px;top:232px;width:680px;height:21px;;background-color:#FFFFFF"></div>
  94. <div style="position:absolute;left:680px;top:232px;width:76px;height:21px;;background-color:#FFFFFF"></div>
  95. <div style="position:absolute;left:682px;top:232px;"><font class="f0"><b>Total: 56.00</b></font></div>
  96. <div style="position:absolute;left:38px;top:253px;width:718px;height:21px;;background-color:#FFFFFF"></div>
  97. <div style="position:absolute;left:39px;top:253px;width:46px;height:21px;;background-color:#FFFFFF"></div>
  98. <div style="position:absolute;left:41px;top:253px;"><font class="f0">000002</font></div>
  99. <div style="position:absolute;left:89px;top:253px;width:54px;height:21px;;background-color:#FFFFFF"></div>
  100. <div style="position:absolute;left:91px;top:253px;"><font class="f0">1/2/2001</font></div>
  101. <div style="position:absolute;left:139px;top:253px;width:62px;height:21px;;background-color:#FFFFFF"></div>
  102. <div style="position:absolute;left:141px;top:253px;"><font class="f0">CICRANO</font></div>
  103. <div style="position:absolute;left:38px;top:274px;width:718px;height:105px;;background-color:#FFFFFF"></div>
  104. <div style="position:absolute;left:76px;top:274px;width:680px;height:21px;;background-color:#FFFFFF"></div>
  105. <div style="position:absolute;left:76px;top:294px;width:680px;height:1px;;background-color:#000000;"><!-- --></div>
  106. <div style="position:absolute;left:76px;top:274px;width:50px;height:20px;;background-color:#FFFFFF"></div>
  107. <div style="position:absolute;left:78px;top:274px;"><font class="f0"><b>Código do Item</b></font></div>
  108. <div style="position:absolute;left:564px;top:274px;width:92px;height:20px;;background-color:#FFFFFF"></div>
  109. <div style="position:absolute;left:566px;top:274px;"><font class="f0"><b>Valor Unitário</b></font></div>
  110. <div style="position:absolute;left:656px;top:274px;width:50px;height:20px;;background-color:#FFFFFF"></div>
  111. <div style="position:absolute;left:632px;top:274px;"><font class="f0"><b>Quantidade</b></font></div>
  112. <div style="position:absolute;left:706px;top:274px;width:50px;height:20px;;background-color:#FFFFFF"></div>
  113. <div style="position:absolute;left:703px;top:274px;"><font class="f0"><b>Subtotal</b></font></div>
  114. <div style="position:absolute;left:126px;top:274px;width:438px;height:20px;;background-color:#FFFFFF"></div>
  115. <div style="position:absolute;left:128px;top:274px;"><font class="f0"><b>Descrição</b></font></div>
  116. <div style="position:absolute;left:76px;top:295px;width:680px;height:21px;;background-color:#FFFFFF"></div>
  117. <div style="position:absolute;left:76px;top:295px;width:50px;height:21px;;background-color:#FFFFFF"></div>
  118. <div style="position:absolute;left:78px;top:295px;"><font class="f0">6</font></div>
  119. <div style="position:absolute;left:564px;top:295px;width:92px;height:21px;;background-color:#FFFFFF"></div>
  120. <div style="position:absolute;left:649px;top:295px;"><font class="f0">2</font></div>
  121. <div style="position:absolute;left:656px;top:295px;width:50px;height:21px;;background-color:#FFFFFF"></div>
  122. <div style="position:absolute;left:699px;top:295px;"><font class="f0">2</font></div>
  123. <div style="position:absolute;left:706px;top:295px;width:50px;height:21px;;background-color:#FFFFFF"></div>
  124. <div style="position:absolute;left:731px;top:295px;"><font class="f0">4.00</font></div>
  125. <div style="position:absolute;left:126px;top:295px;width:438px;height:21px;;background-color:#FFFFFF"></div>
  126. <div style="position:absolute;left:128px;top:295px;"><font class="f0">ESCOVA DE DENTES</font></div>
  127. <div style="position:absolute;left:76px;top:316px;width:680px;height:21px;;background-color:#FFFFFF"></div>
  128. <div style="position:absolute;left:76px;top:316px;width:50px;height:21px;;background-color:#FFFFFF"></div>
  129. <div style="position:absolute;left:78px;top:316px;"><font class="f0">8</font></div>
  130. <div style="position:absolute;left:564px;top:316px;width:92px;height:21px;;background-color:#FFFFFF"></div>
  131. <div style="position:absolute;left:638px;top:316px;"><font class="f0">3.5</font></div>
  132. <div style="position:absolute;left:656px;top:316px;width:50px;height:21px;;background-color:#FFFFFF"></div>
  133. <div style="position:absolute;left:699px;top:316px;"><font class="f0">2</font></div>
  134. <div style="position:absolute;left:706px;top:316px;width:50px;height:21px;;background-color:#FFFFFF"></div>
  135. <div style="position:absolute;left:731px;top:316px;"><font class="f0">7.00</font></div>
  136. <div style="position:absolute;left:126px;top:316px;width:438px;height:21px;;background-color:#FFFFFF"></div>
  137. <div style="position:absolute;left:128px;top:316px;"><font class="f0">DESINFETANTE</font></div>
  138. <div style="position:absolute;left:76px;top:337px;width:680px;height:21px;;background-color:#FFFFFF"></div>
  139. <div style="position:absolute;left:76px;top:337px;width:50px;height:21px;;background-color:#FFFFFF"></div>
  140. <div style="position:absolute;left:78px;top:337px;"><font class="f0">9</font></div>
  141. <div style="position:absolute;left:564px;top:337px;width:92px;height:21px;;background-color:#FFFFFF"></div>
  142. <div style="position:absolute;left:649px;top:337px;"><font class="f0">4</font></div>
  143. <div style="position:absolute;left:656px;top:337px;width:50px;height:21px;;background-color:#FFFFFF"></div>
  144. <div style="position:absolute;left:699px;top:337px;"><font class="f0">1</font></div>
  145. <div style="position:absolute;left:706px;top:337px;width:50px;height:21px;;background-color:#FFFFFF"></div>
  146. <div style="position:absolute;left:731px;top:337px;"><font class="f0">4.00</font></div>
  147. <div style="position:absolute;left:126px;top:337px;width:438px;height:21px;;background-color:#FFFFFF"></div>
  148. <div style="position:absolute;left:128px;top:337px;"><font class="f0">VASSOURA</font></div>
  149. <div style="position:absolute;left:76px;top:358px;width:680px;height:21px;;background-color:#FFFFFF"></div>
  150. <div style="position:absolute;left:680px;top:358px;width:76px;height:21px;;background-color:#FFFFFF"></div>
  151. <div style="position:absolute;left:682px;top:358px;"><font class="f0"><b>Total: 15.00</b></font></div>
  152. <div style="position:absolute;left:38px;top:379px;width:718px;height:21px;;background-color:#FFFFFF"></div>
  153. <div style="position:absolute;left:39px;top:379px;width:46px;height:21px;;background-color:#FFFFFF"></div>
  154. <div style="position:absolute;left:41px;top:379px;"><font class="f0">000003</font></div>
  155. <div style="position:absolute;left:89px;top:379px;width:54px;height:21px;;background-color:#FFFFFF"></div>
  156. <div style="position:absolute;left:91px;top:379px;"><font class="f0">1/3/2001</font></div>
  157. <div style="position:absolute;left:139px;top:379px;width:73px;height:21px;;background-color:#FFFFFF"></div>
  158. <div style="position:absolute;left:141px;top:379px;"><font class="f0">BELTRANO</font></div>
  159. <div style="position:absolute;left:38px;top:400px;width:718px;height:84px;;background-color:#FFFFFF"></div>
  160. <div style="position:absolute;left:76px;top:400px;width:680px;height:21px;;background-color:#FFFFFF"></div>
  161. <div style="position:absolute;left:76px;top:420px;width:680px;height:1px;;background-color:#000000;"><!-- --></div>
  162. <div style="position:absolute;left:76px;top:400px;width:50px;height:20px;;background-color:#FFFFFF"></div>
  163. <div style="position:absolute;left:78px;top:400px;"><font class="f0"><b>Código do Item</b></font></div>
  164. <div style="position:absolute;left:564px;top:400px;width:92px;height:20px;;background-color:#FFFFFF"></div>
  165. <div style="position:absolute;left:566px;top:400px;"><font class="f0"><b>Valor Unitário</b></font></div>
  166. <div style="position:absolute;left:656px;top:400px;width:50px;height:20px;;background-color:#FFFFFF"></div>
  167. <div style="position:absolute;left:632px;top:400px;"><font class="f0"><b>Quantidade</b></font></div>
  168. <div style="position:absolute;left:706px;top:400px;width:50px;height:20px;;background-color:#FFFFFF"></div>
  169. <div style="position:absolute;left:703px;top:400px;"><font class="f0"><b>Subtotal</b></font></div>
  170. <div style="position:absolute;left:126px;top:400px;width:438px;height:20px;;background-color:#FFFFFF"></div>
  171. <div style="position:absolute;left:128px;top:400px;"><font class="f0"><b>Descrição</b></font></div>
  172. <div style="position:absolute;left:76px;top:421px;width:680px;height:21px;;background-color:#FFFFFF"></div>
  173. <div style="position:absolute;left:76px;top:421px;width:50px;height:21px;;background-color:#FFFFFF"></div>
  174. <div style="position:absolute;left:78px;top:421px;"><font class="f0">4</font></div>
  175. <div style="position:absolute;left:564px;top:421px;width:92px;height:21px;;background-color:#FFFFFF"></div>
  176. <div style="position:absolute;left:649px;top:421px;"><font class="f0">2</font></div>
  177. <div style="position:absolute;left:656px;top:421px;width:50px;height:21px;;background-color:#FFFFFF"></div>
  178. <div style="position:absolute;left:699px;top:421px;"><font class="f0">2</font></div>
  179. <div style="position:absolute;left:706px;top:421px;width:50px;height:21px;;background-color:#FFFFFF"></div>
  180. <div style="position:absolute;left:731px;top:421px;"><font class="f0">4.00</font></div>
  181. <div style="position:absolute;left:126px;top:421px;width:438px;height:21px;;background-color:#FFFFFF"></div>
  182. <div style="position:absolute;left:128px;top:421px;"><font class="f0">SABONETE</font></div>
  183. <div style="position:absolute;left:76px;top:442px;width:680px;height:21px;;background-color:#FFFFFF"></div>
  184. <div style="position:absolute;left:76px;top:442px;width:50px;height:21px;;background-color:#FFFFFF"></div>
  185. <div style="position:absolute;left:78px;top:442px;"><font class="f0">5</font></div>
  186. <div style="position:absolute;left:564px;top:442px;width:92px;height:21px;;background-color:#FFFFFF"></div>
  187. <div style="position:absolute;left:638px;top:442px;"><font class="f0">2.3</font></div>
  188. <div style="position:absolute;left:656px;top:442px;width:50px;height:21px;;background-color:#FFFFFF"></div>
  189. <div style="position:absolute;left:699px;top:442px;"><font class="f0">1</font></div>
  190. <div style="position:absolute;left:706px;top:442px;width:50px;height:21px;;background-color:#FFFFFF"></div>
  191. <div style="position:absolute;left:731px;top:442px;"><font class="f0">2.30</font></div>
  192. <div style="position:absolute;left:126px;top:442px;width:438px;height:21px;;background-color:#FFFFFF"></div>
  193. <div style="position:absolute;left:128px;top:442px;"><font class="f0">SHAMPOO</font></div>
  194. <div style="position:absolute;left:76px;top:463px;width:680px;height:21px;;background-color:#FFFFFF"></div>
  195. <div style="position:absolute;left:687px;top:463px;width:69px;height:21px;;background-color:#FFFFFF"></div>
  196. <div style="position:absolute;left:689px;top:463px;"><font class="f0"><b>Total: 6.30</b></font></div>
  197. </div>
  198.  
  199. </body>
  200.  
  201. </html>
  202.  

Thaddy

  • Hero Member
  • *****
  • Posts: 14367
  • Sensorship about opinions does not belong here.
Re: How do I export fortesreport to html?
« Reply #4 on: May 25, 2016, 10:46:57 am »
@Getmem:
No, it doesn't work fine, but it should work fine:
Attached screenshot. (From FF nightly)
« Last Edit: May 25, 2016, 10:49:39 am by Thaddy »
Object Pascal programmers should get rid of their "component fetish" especially with the non-visuals.

Michael Collier

  • Sr. Member
  • ****
  • Posts: 301
Re: How do I export fortesreport to html?
« Reply #5 on: May 25, 2016, 11:22:17 am »
Could it be something to do with fonts/language configurations?

The guys developing may have Brazil/Portugese settings, I notice the HTML contains ú ã characters and it is near these the html goes bad and shows black box with question mark.

balazsszekely

  • Guest
Re: How do I export fortesreport to html?
« Reply #6 on: May 25, 2016, 11:24:15 am »
I think it should be reported as bug.

Thaddy

  • Hero Member
  • *****
  • Posts: 14367
  • Sensorship about opinions does not belong here.
Re: How do I export fortesreport to html?
« Reply #7 on: May 25, 2016, 11:33:38 am »
Yes, I do think it maybe is a bug. I should work, but it doesn't.

I can't find any obvious mistake in the generated HTML at a glance.
« Last Edit: May 25, 2016, 11:45:06 am by Thaddy »
Object Pascal programmers should get rid of their "component fetish" especially with the non-visuals.

Michael Collier

  • Sr. Member
  • ****
  • Posts: 301
Re: How do I export fortesreport to html?
« Reply #8 on: May 25, 2016, 01:41:42 pm »
Line 25 contains accented character ú
Code: Pascal  [Select][+][-]
  1. <div style="position:absolute;left:41px;top:86px;"><font class="f0"><b>Número da NF</b></font></div>
If the character is removed then the html looks better in the browser (I'm using chrome).

Michael Collier

  • Sr. Member
  • ****
  • Posts: 301
Re: How do I export fortesreport to html?
« Reply #9 on: May 25, 2016, 01:48:19 pm »
Replacing accented chars with HTML tag improves things, replace

Número
with
N&ugrave;mero

I got the tag from here
http://www.starr.net/is/type/htmlcodes.html
 

 

TinyPortal © 2005-2018