Skip to main content
Skip table of contents

Parent Orbit UI Maintenance

Overview

The ‘Product UI Maintenance’ program in TASS.web System Admin > Utilities manages the User Interface banner images and sliding images on the Parent Orbit app homepage.

The User Interface (UI) colours and icon settings for Parent Orbit can be set up and modified in TASS.web System Admin > Utilities > API Gateway Maintenance on the ‘OAuth2 API Applications’ tab via the ‘Metadata’ link in the Action column.

The School Logo can be added in TASS.web System Admin > Utilities > API Gateway Maintenance on the ‘OAuth2 API Applications’ via the ‘Edit’ link in the Action column.

The app layout and colours can also be customised in TASS.web System Admin > Orbit > Parent Orbit Setup.

The program provides two options for displaying banners and slider images in Parent Orbit:

Options

Description

Banner Only

A single image at the top of the Parent Orbit app homepage.

Insert your logo on the left side of your banner. This placement reduces the risk of truncation when Parent Lounge is viewed on smaller screens.

Image Sliders Only

A collection of images that slide across the Parent Orbit app homepage.

Parent Orbit features slider images that rotate in a carousel on the homepage to promote events and share information with parents.

Use image sliders to market school events or showcase photos of student activities, such as sports, musicals, or excursions.

Delete all images on the 'Images' tab to switch from Image Sliders to a Banner.

Follow the steps below to customise your school’s Parent Orbit User Interface (UI).


Banner Only Setup

Step 1 : Prepare Your Banner

For the ‘Banner Only’ option, prepare an image file such as a JPEG, GIF, or PNG that will appear at the top of your Parent Orbit app homepage.

As a guide, 500 pixels in width x 300 pixels in height is recommended to meet the app’s requirements.

Step 2 : Add Your Banner

For the ‘Banner Only’ option, click on the ‘Images’ tab and the ‘Add Image button. 

Complete the following setup:

Product Image Details

* TASS / Portal

Select 'Parent Orbit'

* Image Type

Select 'Banner'.

* Image Number

This is a system-allocated sequential number that increments automatically. If you intend to change the banners for parents regularly, you would create multiple image numbers.

As an example, you may have a standard banner along with additional banners for holiday periods or specific school events.

Enabled

Tick this box to enable this image to display in Parent Orbit app.

This flag is used to determine whether this logo/banner image is the current one displayed in Parent Orbit

* Image Upload

Use the 'Choose File' button to locate the file you want to attach as the banner image (as set up in Step 1 above).

Acceptable file formats are JPEG, GIF or PNG.

When a banner image is uploaded for Parent Orbit, its dimensions automatically resize to 500x300px to meet the app’s requirements.

Image Styles

Background Colour

Select a background colour from the colour picker, or enter a valid hexadecimal value, to be used for this image.

Top Text Colour

Select a text colour from the colour picker, or enter a valid hexadecimal value, to be used at the top of the home page.

Click the 'Save' button to commit your changes to the database.

Step 3 : Preview Parent Orbit

Log in to the Parent Orbit as a parent via the ‘Parent Orbit Ghost Login’ link in TASS.web Student Admin > Parent Records > Parent Information > Parents on the ‘General’ tab.

Preview your changes.


Image Slider Only Setup

Step 1 : Prepare Your Image Sliders

For the ‘Image Slider Only' option, prepare a collection of image files such as a JPEG, GIF, or PNG that will appear at the top of your Parent Orbit app homepage.

As a guide, 400 pixels in width and 220 pixels in height is recommended.

Image Sliders resize based on width (to fit the whole panel). Ratios less than 2:1 are not recommended, as the image will extend beyond the visible panel (vertically).

The larger the file size of an image, the longer the Parent Orbit home page will take to load.

Step 2 : Add Your Image Sliders

For the ‘Image Slider Only' option, click on the ‘Images’ tab and the ‘Add Image button. 

Complete the following setup:

Product Image Details

* TASS / Portal

Select 'Parent Orbit'

* Image Type

Select 'Image Slider'

* Image Number

This is a system-allocated sequential number that increments automatically. If you intend to change the banners for parents regularly, you would create multiple image numbers.

As an example, you may have a standard banner along with additional banners for holiday periods or specific school events.

Enabled

Tick this box to enable this image to display in Parent Orbit app.

This flag is used to determine whether this slider image is currently displayed in Parent Orbit.

* Image Upload

Choose an image file from the image location. Select the images that you set up in Step 1 above.

Acceptable file formats are JPEG, GIF or PNG.

Image Styles

Background Colour

Select a background colour from the colour picker, or enter a valid hexadecimal value, to be used for this image.

Sort Order

Enter a number to indicate the order that this image should display in relation to the other sliding images.

Image Hyperlink 

Optional. Enter a URL for your Image Slider for parents to be taken to when they select the image on the Parent Orbit app.

Hyperlink Target 

Optional. Select how you would like your URL to open and display from the app: ‘Embedded’ within the app or open outside the app in a ‘New Window’. 

The Image Slider frame rate can be customised by adjusting the ‘Frame Rate’ field in TASS.web Student Admin > Parent Records > Setup Information > Parent Lounge Setup

Step 3 : Preview Parent Orbit

Log in to the Parent Orbit as a parent via the ‘Parent Orbit Ghost Login’ link in TASS.web Student Admin > Parent Records > Parent Information > Parents on the ‘General’ tab.

Preview your changes.


Related Resources

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.