Create ID card templates
Build an ID card template for students, employees or parents with front and back designs, barcode, photo and field codes.
Institutions may issue ID cards to students, employees or parents for identification or authorisation. To generate ID cards, the administrator or a privileged user first creates an ID card template in the ID Cards module.
Create an ID card template
- Go to Menu → Academics → ID Cards.
public/images/articles/create-id-card-template-1.png- Click ID card templates.
public/images/articles/create-id-card-template-2.png- Click New template.
public/images/articles/create-id-card-template-3.png-
Enter the ID card details:
-
Enter the ID card name in the ID Card Name field.
-
Select the user type: Student, Employee or Parent.
-
Select the resolution from the drop-down list:
- Portrait (54 mm × 86 mm)
- Landscape (86 mm × 54 mm)
Screenshot — to be addedpublic/images/articles/create-id-card-template-4.png4ID card details form -
Select the Template Design – Back option to configure the back of the card:
- Disable — the card has no back side.
- Common for all Users — the same back design is used for every user.
- Different for each User — the back design shows data fetched from the system for each user.
-
Upload the Front Background Image.
-
Upload the Back Background Image, if applicable.
Note: Images must be in .jpeg or .png format.
Screenshot — to be addedpublic/images/articles/create-id-card-template-5.png5Uploading the background images -
Enter the Layout Spacing to adjust the alignment of the ID card.
-
Select the barcode information from the drop-down list and choose its orientation: Left Vertical, Right Vertical or Horizontal.
-
Select the User Photo Style – Front (Circle or Square) and enter the photo dimensions.
-
Select the User Photo Style – Back (Circle or Square) and enter the photo dimensions.
Screenshot — to be addedpublic/images/articles/create-id-card-template-6.png6Photo style settings -
Enter the ID card content in the editor area:
- Select field codes from the field code box and paste them into the editor. The available field codes depend on the user type.
- Position the fetched content as needed.
- Change the font, colour or size as needed.
- To add a custom field, click Add custom fields. To use it in the editor, enter its key prefixed with
custom_inside double curly braces.
Example:
Setting Value Name Student Character Key character Field code to use {{custom_character}}Screenshot — to be addedpublic/images/articles/create-id-card-template-7.png7Editor with field codes Screenshot — to be addedpublic/images/articles/create-id-card-template-8.png8Custom field example Screenshot — to be addedpublic/images/articles/create-id-card-template-9.png9Formatting field codes in the editor
-
Related articles
Was this article helpful?
Thanks for your feedback!