In the System settings under Style, Login screen, Mobile Apps & Self Registration, there are options to change the below logo's and images. The bottom section of this document is still supported, but no longer encouraged.
You are able to replace the standard Orax SDI Logo in the top bar with your company's own logo. Firstly you need to create a logo that is the same size as the Orax supplied background image (300 pixels wide by 60 pixels high). Save this image in PNG format. This image is prepared for retina displays, so it is 4 times bigger than the actual space it occupies.
Upload this logo in the System Files under Settings and make the Description "SDI Custom Logo". The system will detect this image, based on the Description and replace the standard logo with your image.
Orax SDI will pick it up and replace the SDI Custom Logo with your custom logo the next time you load the Portal (browser reload). This is a global setting and will affect all user's Portals.
To replace the Touch Icon so browsers and Mobile devices show a different icon on the Home Screen or Favicon placeholder, add a file under System Files with the Description "SDI Touch Icon". Ensure the file if of a PNG format with a resolution of +- 180px high and wide. All modern Touch Icon sizes will be suitable.
To replace the standard top bar logo in the Smartphone portal only, upload a file in System Files with the Description "SDI Mobile Logo". The system will detect this image, based on the Description and replace the standard logo with your image on Smartphones only.
To add a custom menu background image for smartphone menus, add an image (same as above) called "SDI Mobile Background" in System Files. An ideal image should be about 400 pixels wide and 800 pixels high.
To add a custom image to the bottom of the mobile homepage, use "SDI Mobile Homepage" to upload the image in System Files.
In the same way you are able to create a custom style sheet for SDI using CSS. To do this, create an HTML Document in the Styles & HTML page in Settings with the following title: SDI Style. Use the title "SDI Mobile Style" to only affect smartphone browsers or "SDI Desktop Style" to only affect desktop and tablet screens. Add your CSS rules in this document. It will be added to the portal's HTML header after the standard style sheets and will override the default SDI styles.
You may go even further and create a custom CSS style for separate teams. Use the same procedure as above, but this time give your CSS styles document a title of TEAM Style:teamID. The team ID can be located in the User Accounts section. The team styles will only be applied for users that belong to this team and will override the SDI Styles.