Sign In Enterprise allows you to customize the look and feel of the sign-in experience on the iPad and registration portal by giving you control over background images, logo images, and colors.
This article discusses:
Related Content:
The Kiosk Theme applies to all colors and images on the iPad.
First, gather your background image and logo image files. You may need to consult with your marketing team to find them. Background images may be up to 1mb in size and should be in .png .jpg or .gif format. Logo images may be up to 500kb in size and should also be in .png or .jpg or .gif format. (.png images can have transparent backgrounds)
To match the resolution of most iPads, background images should have a 4:3 aspect ratio (1280×960, 1440×1080, 1920×1440). Logo images should be square (256x256, 500x500).
The main, background, and accent colours can be matched to an exact hex code. If you don’t know the hex code of a colour, you can convert Red/Green/Blue values using a tool such as http://www.rgbtohex.net/.
Next, you will create a Theme in SIE using the branding assets you gathered in the previous step.
You’ll see a Default Theme. Click on the name to continue or click Create Theme in the top-right corner. Type a new theme name and choose Kiosk.
Then choose a Theme Template – Startup, Executive, Elevate, Molby, or Lightning.
The Startup theme navigation is done with arrows, while the Executive and Elevate theme navigation uses buttons. The Molby theme gives a softer/rounded look to the entire experience, and the Lightning theme allows for the most versatility. If you're unsure of which template to use, we recommend Lightning as it offers the most customizability options.
Select a background image and logo image if you’ve chosen to do so.
Choose a background, main, and accent colour using hex codes or using the color selector.
Then, click Save to save your changes.
If you have multiple Themes, make sure you have the correct one selected in your location. Click HERE to learn more about managing locations.
This update will automatically appear on your iPad within 10 minutes but if you wish to see the change right away, you can press the Refresh Theme button on the kiosk app's info screen. Learn more about instantly seeing your changes and edits HERE.
The Registration Portal theme controls the images and colors displayed in the registration flow, either on a computer or mobile device. You can upload a sidebar image and a logo.
For the sidebar:
The sidebar takes up 100% of the viewport height and 33.333333% of the viewport width on a desktop only, and background image will expand proportionately fill that space. To reduce the amount of image resizing and distortion, we recommend using a vertical image.
Here’s an example of how that works: https://css-tricks.com/examples/FullPageBackgroundImage/progressive.php. Resize the browser window and notice how the image gets cropped and expanded horizontally and vertically to fill the space.
For the logo:
On mobile, the logo can be a max width of 128px, and a max-height of 100px.
On desktop, the logo can be a max width of 160px, and a max-height of 128px.
When finished, hit save and make sure to choose the correct registration theme template within your location.