This guide will outline how to customize the colors and images for the viewers login page and the video page of Registrix. This is a one-time setup unless the branding has been updated and a new color scheme is being used. The images that you need are your branding images saved to a specific size in order to prevent the Registrix application from an improper scaling of the images.
The most standard size monitor as of this writing is 1366x768. The Registrix Application is designed to work on mobile sizes up to 4K monitor resolutions.
Your logo image should be a PNG/GIF with a transparent background. JPG images do not have a transparent background, therefore the color used as the background must match the color that you put in with the header.
The following images should be accessible on your local computer to be uploaded into the system. File names should be lowercase starting with a letter and no spaces in the filename. File extensions supported are .JPG .GIF .PNG
Background images can be PNG/GIF/JPG files. This image will auto scale to the browsers window dimensions. Registrix is unable to control the position of the image as the scale is determined on the browser. We recommend a 16x9 format at 1920px by 1080px
The image listed above is the maximum width used at 7600px for the content of the login page. The background image will be a cover and will auto-extend to use the browsers entire viewport.
Logo: max-width: 688px / max-height:100px (css class is max-width:688px;max-height:100px)
The “Enter your credentials” area has a max-width of 718px and center text. This will allow for multi-lines to be created.
The bottom Cookie statement is required and the viewer can remove it by clicking Got It. The cover image will be behind this area. If the viewer clicks Got It the cover image doesn’t change its position.