The next step is for you to design and configure your certificate template files. Your certificates will be different files for each vital event. You use {{ }} syntax to mark where in the SVG you wish the citizen data to be rendered. To get an idea of what we mean, take a look at the Farajaland example certificates and available handlebars for each event:
Birth
Birth Certificate
Death
Death Certificate
Marriage
Marriage Certificate
We have supplied helper handlebars for all use cases. Some need explanation, or if you feel that you do not have a handlebar for your specific needs, please discuss with us on or email us at and we can work on a new handlebar for you.
As an example of a handlebar that needs explanation: {{placeOfBirth}} is used if a user selects a pre-loaded . This handlebar dynamically returns the location hierarchy, e.g. "district, state" to render based on the location of the . You can see that in our place of birth location in the SVG, we have if/else logic to handle whatever the user chooses to enter into the form.
It is possible to make custom form fields and when you do, custom handlebars are automatically created. Here is an example of a
Open the SVG in a text editor tool such as Visual Studio Code. Replace the dummy text you added with the required handlebar.
Example:
<text fill="#222222" xml:space="preserve" style="white-space: pre" font-family="Noto Sans-Bold" font-size="16" font-weight="bold" letter-spacing="0px"><tspan x="86.6699" y="444.268">{{eventDate}} </tspan></text>\
This would require the "Merriweather-Regular.ttf" & "Merriweather-Black.ttf" file to be available in the directory mentioned above.
Drop your custom font file (.ttf) in this directory: Then add an entry regarding your new font similar to the "NotoSans" ones here: For example, if we wanted to add the Merriweather font it would look something like this:
When you are ready to seed your database in , these certificates will be uploaded. Alternatively, a National System Admin user can upload the certificate template at any time in the functional configuration UI. You can preview the certificate to check that the some handlebar data is loading as intended.
