No Internet View

What is No Internet View?

When the user is using the application without internet connection, instead of showing the infinite loader, you can use our customized No Internet View screen.

Enable No Internet Integration

Customize it however you want

Header Image

Choose the main illustration displayed at the top of the No Internet screen.

1. Select Image : Pick from a set of professionally designed default images.

2. Upload Image : Upload your own custom illustration. Supported formats: PNG. JPG. PEG

Title

This section lets you customize the main heading displayed on the No Internet screen.

Fields:

• Title – Main text (required)

• Text Style – Use predefined styles or choose Custom

• Font Size (px) – Defines size in pixels

• Font Weight – Regular / Medium / Bold

• Font Style – Select from available font families

• Color – Choose preset colors or apply a custom HEX value with opacity

Description

Customize the explanatory text shown below the title.

Fields:

• Description – Required text explaining the issue

• Text Style – Use default or custom

• Font Size (px) – Adjust text size

• Font Weight – Regular / Medium / Bold

• Font Style – Choose any available font

• Color – Theme-based or custom HEX value

Use this to guide users clearly, e.g.:

"No internet connection found. Check your connection and try again."

Button

Configure the action button displayed at the bottom of the No Internet screen.

Fields:

• Button Text – Label text (required)

• Button Style – Choose from available button design presets

This button usually performs a Retry action or reloads the screen when the user regains connection.

Save Changes

Once customization is complete:

• Click Save As a Draft if you want to save it but not publish yet

• Click Publish to apply the No Internet View to your live app version