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-07
Make sure that you are in the Set-07 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:
- Atos_Germany_IT
- Atos_Netherlands_IT
- EMEA_BU_Poland*
- EMEA_BU_Poland_ENG*
- SAS_EMEA_BU_Denmark*
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.
- We have noticed a common recurring issue where the gap between the table and footer does not match the one in the sample PDF. More info here: http://imgur.com/a/BJjaZ. Please make sure that you do not have this issue when you submit.
Final Submission Guidelines
Submit the updated CSHTML files that we need to replace in the Template folder. During the review, the reviewer will convert the CSHTML files to PDF and compare it against the corresponding PDFs located in the Sample-Invoice-PDF folder.