Optimize your web applications for display within Ellucian GO

Web applications displayed within Ellucian GO can be optimized for display within the app.

When a web application is launched from Ellucian GO, you can specify whether the web application opens within Ellucian GO or in the device's browser. If you choose to launch within Ellucian GO, you can modify the web application to display appropriately within the mobile app. Examples include:
  • Use the colors specified in the Cloud Configuration tool in your web application so that it matches the rest of your mobile app.
  • Suppress the web page header and footer, so that they do not compete with the Ellucian GO header and footer.
  • Change your web application navigation within the website so that it is clearly different from navigation within Ellucian GO.

The procedures in this section show you how to use a styling JavaScript file to specify the appearance of the web application within Ellucian GO.

Ellucian provides an example "dining menu" web application that includes the changes listed above. See https://mobile.elluciancloud.com/dining-menu-app. View the sample in your browser and then within your mobile app to see the possible changes you can make to your web application. You can start with the example JavaScript file for the dining menu web application and modify it as desired for your web application.

Note: These procedures do not provide details on how the JavaScript code modifies the display. You will need to be familiar with HTML, CSS, and JavaScript to understand the JavaScript code in the dining menu example and modify it for your web application.