Introduction
Mobile Optimization
Mobile Menus
Configuration Tips

Introduction

CATSWeb mobile optimization provides specialized menus and user interface design for mobile devices. These interface features combined with mobile friendly configuration techniques make the display and use of CATSWeb more accessible for mobile device users.

Back to Top

Mobile Optimization

Some changes to the interface are automatically made when CATSWeb is viewed on a mobile device.

• Mobile page header: The mobile page header contains mobile menus and user information normally contained in the standard CATSWeb page header.
  
  
• Single column form display: CATSWeb forms are displayed in single column format when viewed on a mobile device.
  
  
• Scrollable Objects: Objects that are too wide for the mobile screen can be scrolled via the touch screen interface of the mobile device.

Back to Top

Mobile Menus

CATSWeb mobile optimization includes mobile menus. in place of the standard page header links.

• Home Menu

The Home menu contains items that would typically be at the top right of the standard interface. Links for Home, Manage, Logout, etc. are contained in the Home menu..

• Context Menu

The Context menu contains items that are based on your current location and workflow status. Items such as personal tasks, edit and sign buttons are contained on the context menu.

Back to Top

CATSWeb configuration techniques can be used to maximize mobile device display:

• Single column dashboard
  
  Creating single column dashboard templates and dashboards allows for better display on narrow mobile devices.

• Limit query columns 
  
  Limiting the number of query and data display part columns minimizes the need for scrolling on mobile displays.

• Keep mandatory fields together 
  
  Grouping mandatory fields together on the form minimizes the need for scrolling on mobile displays and improved data entry experience.
  

Back to Top