Challenge Overview
Welcome to the Update CSHTML Templates to meet expected Layout Contest. As part of this contest we would like you to update existing CSHTML templates to match specified layout.
Contest Details
Check this repository out: https://github.com/pphamzc/cshtml-template-conversion/tree/Set-03
Make sure that you are in the Set-03 branch.
You need to update the templates located in the Template folder. The templates need to match the final views shown in the Sample-Invoice-PDF folder.
Essentially, there are FIVE documents:
- SAS_EMEA_BU_Sweden_DKK_ConsolidateInvoice
- SAS_EMEA_BU_Sweden_NOK_ConsolidateInvoice
- SAS_EMEA_BU_Sweden_EUR_ConsolidateInvoice
- Standard_UK_ConsolidateInvoice
- Standard_US_ConsolidateInvoice
Each document has three parts - Header, Body and Footer. You may need to update all three parts.
Finally, the expected layout is available in the Sample-Invoice-PDF folder - one for each document type.
You need to follow the instructions in the README.txt file in the repository to convert the CSHTML files to PDF. You need to verify that the updated CSHTML files which you submit match the PDF in the Sample-Invoice-PDF folder after they are converted to PDF.
Points To Note
- You can use Javascript too. Check out the example code provided in the contest forum.
- With Javascript, you can organize the data much better. Check out the example code for further information
- You need to ensure that the PDF generated is exactly the same as the one in the Sample, including how the page numbers are displayed, the position of elements, the gaps and spaces between the tables and the table borders.
There will be 12 other contests similar to this one. In each contest we will ask you to update different CSHTML files. We already launched 2 contests earlier in this series and this is the second one.