Skip to main content

Responsive Design in Perspective

Course Overview​

Embrace the power of responsive design. This class continues building Perspective knowledge of complex layouts, manipulating JSON data, and building screen-size responsive applications. Students will learn to create realistic Ignition applications that seamlessly scale across desktops, tvs, or mobile devices focusing on ease of use and layering functionality. By the end of this class, users will be able to confidently design and build Perspective applications that provide a consistent and user-friendly experience across all devices, enhancing accessibility and efficiency for your production environments.

Length: 3 days

Who is This Class For? What are the Class Expectations?​

This class is designed as Level 2 class in our curriculum. It has been designed with intermediate-level users in mind.

Important

This is a Level 2 class, prior experience with Ignition is required and Core Certification is recommended.

Suggested Class Pre-Requisites:​

  • No additional pre-requisites.

Topics Covered​

Class Setup​

  • Restoring the Database Backup
  • Restoring the Class Gateway
  • Activating the Gateway License
  • Project Overview

Breakpoint Navigation​

  • Reviewing Breakpoints
  • Setting a Global Breakpoint Value
  • Building the Header

Flex Containers​

  • Reviewing Flex Containers
  • Cretaing the Solar Panel View

Breakpoints I​

  • Creating the Large Panels View
  • Creating the Small Panels View
  • Creating the Panels Breakpoint View
  • Adding the Views to Navigation

Breakpoints II: Overhead Display​

  • Building the Overhead Display
  • Creating the Overhead Display Page
  • Setting the Overhead Display as the Homepage

Responsive View: Map​

  • Setting up The Location System
  • Scripting the Docked Action
  • Introducting the Split View
  • Building the Script Action

Responsive View: Weather​

  • Creating the Weather Forecast Breakpoint
  • Reviewing the Project Library Script
  • Creating the Mobile Forecast View
  • Creating the Desktop Forecast View

Responsive View: Data Entry​

  • Displaying All Workorders
  • Creating an Add Workorder Popup
  • Inserting Workorders
  • Starting and Completing Workorders