Offline Submissions Video at Inductive University

Transcript

(open in window)

[00:00] So how do offline form submissions really work? Let's dive into their functionality using the browser and the developer tools so y'all can get a sense of what's happening under the hood when an offline form submission fires. If you haven't already, please be sure to watch all the videos in the form component topic to get the full context before viewing this supplemental video. I'm using Chrome's toggle device toolbar to show the device and the developer tools side by side in this view. We'll be able to see the data flow from the form into the file system from here. I've already enabled offline mode, so I'll turn off the internet connection in the network tab to simulate a remote environment with no connectivity. Let's add in the necessary info to our form first. Now, we're ready to submit our data and we're completely offline with no connection to the gateway at all. I'll click on submit, and we get a helpful toast message that the form data will be submitted when the connection is restored.

[01:04] If we explore the application section in the developer tools, we can find out where that data went. If you're offline when you submit form data, it gets stored temporarily on the device's file system. I'll just dig down into IndexedDB and the special perspective_submissions_store. The JSON sits in this secure, dedicated application sandbox waiting for the connection to return. Here, you can see how Ignition packaged up the form data neatly for us, along with other useful context and information that we can explore. I'll just turn our internet connection back on quickly, and the form data that the native device stored for us gets submitted successfully. It passes in our form data as a parameter for handling the submission based on whatever submission management settings we've set up for our form. From this browser example, you can see how offline mode makes it easy to store form data on a device when there's no internet connection available. Then, once users get back online, Ignition automatically grabs that data from the local file system and delivers it to its intended destination.

So how do offline form submissions really work? Let's dive into their functionality using the browser and the developer tools so y'all can get a sense of what's happening under the hood when an offline form submission fires. If you haven't already, please be sure to watch all the videos in the form component topic to get the full context before viewing this supplemental video. I'm using Chrome's toggle device toolbar to show the device and the developer tools side by side in this view. We'll be able to see the data flow from the form into the file system from here. I've already enabled offline mode, so I'll turn off the internet connection in the network tab to simulate a remote environment with no connectivity. Let's add in the necessary info to our form first. Now, we're ready to submit our data and we're completely offline with no connection to the gateway at all. I'll click on submit, and we get a helpful toast message that the form data will be submitted when the connection is restored.

[01:04]          If we explore the application section in the developer tools, we can find out where that data went. If you're offline when you submit form data, it gets stored temporarily on the device's file system. I'll just dig down into IndexedDB and the special perspective_submissions_store. The JSON sits in this secure, dedicated application sandbox waiting for the connection to return. Here, you can see how Ignition packaged up the form data neatly for us, along with other useful context and information that we can explore. I'll just turn our internet connection back on quickly, and the form data that the native device stored for us gets submitted successfully. It passes in our form data as a parameter for handling the submission based on whatever submission management settings we've set up for our form. From this browser example, you can see how offline mode makes it easy to store form data on a device when there's no internet connection available. Then, once users get back online, Ignition automatically grabs that data from the local file system and delivers it to its intended destination.

We are experiencing playback issues from our video hosting provider. Please check back shortly.

LESSON LIST