📱Error Screen
The Error Screen acts as a native safety fallback layout within your app.
When Does the Error Screen Appear?
The Error Screen is displayed to users automatically whenever an underlying HTTP request fails completely. Common scenarios include:
Poor Network Conditions: Extreme latency or intermittent internet drops.
Lost Signal: Driving through tunnels or passing through dead zones.
Broken or Unsecured Links: Accidental routing to insecure legacy paths (e.g., trying to access an
http://address instead of a securehttps://endpoint).
Error Screen Layout Elements
You can customize the layout of your error fallback interface by toggling and configuring the following structural parameters within your platform dashboard:
Background Color: Define the base color fill for the entire screen background canvas.
Text Field: Display descriptive support guidelines directly over your color or asset layers. You can configure custom copy strings, font styling, scaling metrics, and coordinate alignments.
Background Image: Apply a full-screen contextual image or graphic overlay behind your structural elements.
Image (Foreground): Layer standalone graphical indicators, warning icons, or loaders.
Configuring Background Graphics with AI
When the Background image switch is toggled active, you can generate or process your background image.
Method A: Text Descriptions via AI
As demonstrated in the screenshot, you can feed visual instructions straight to our generator engine:
Navigate to the Describe with AI configuration tab.
Type a thematic description into the box (e.g., "A broken robot is trying to assemble itself").
Click the Generate background button to trigger processing.
Method B: Manual Asset Uploads
If you already have designed error graphics ready for deploy:
Switch over to the Upload image configuration tab panel.
Drag and drop your file asset directly into the upload boundary box as illustrated in the screenshot. Asset Extension Rule: All uploaded reference graphics must use standard PNG or JPG container formats.
Previewing, Removing, and Re-generating
Once your assets populate, they sync into the native device emulator viewport on the right edge of your dashboard, as seen in the screenshot.
Audit Aspect Layouts: Verify that background focal points align correctly across standard mobile status bars and navigation panels.
Asset Deletion: If a generated graphic context doesnt fit your design, click the red Trash Can icon. This wipes the canvas, letting you rewrite prompts or apply adjusted images.
Finalizing: Press Next/Save to save state changes and commit your layout options.
Continual Network Check Feature
For complex, single-page web applications (SPAs), we highly recommend enabling the Continual Network Check toggle setting found on your root screen dashboard page.
Why use this tool? Single-page web architectures do not naturally refresh or shift their URL endpoints during user actions. The Continual Network Check background service actively flags connection breaks without modifying or wiping out the page string position.
This critical tool prevents users from navigating deeper into stale cached app flows, filling out forms, or attempting database submissions while offline - saving them from permanently losing entered data.
Last updated