Level 2 Responsive Design in Perspective

Create user-friendly Ignition applications

Course Length: 3 Days

What You’ll Learn

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.

Highlights From This Class

Get a snapshot of the main concepts and skills you’ll learn:

  • Class setup and project foundation
  • Breakpoints (panels view and overhead display)
  • Flex containers
  • Responsive view (overhead, map, weather, and data entry)

Explore the full curriculum below.

Who is This Class For?

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

Prerequisites

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

responsive

Daily Schedule

Arrive on Day 1: 7:30 AM – 8:00 AM

  • Morning Session: 8:00 AM – 12:00 PM
  • Lunch: 12:00 PM – 1:00 PM
  • Afternoon Session: 1:00 PM – 5:00 PM

We recommend booking departing flights no earlier than 6:00 PM.

lunch-ignition-class

Level 2 Responsive Design in Perspective

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

Have questions?

For more information, please contact us by clicking “Send Us A Message!”