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.

How to set up No Internet View?

1.) Go to Integration and Activate "NO INTERNET VIEW"

2.) Customize it however you want.

  • Select Header Image: This image will appear in the upper section of the view which indicates that the user is having internet connection issue. We have a library of different images that you can chose from. You can see how it will look in Android and iOS device in the right side previewer.

  • Title: The title will be main Error or Warning message right below the image.

  • Title Text Weight: You can choose from Bold, Semi-Bold and Regular.

  • Title Text Size: Set the Size as per your choice.

  • Title Text Color: Design the text color that matches the image or as per your choice.

  • Description: This will appear below the main title.

  • Description Text Weight: You can choose from Bold, Semi-Bold and Regular.

  • Description Text Size: Set the Size as per your choice.

  • Description Text Color: Design the text color that matches the image or as per your choice.

  • Button Text: This button lets the user to refresh and try to load again.

  • Button Text Weight: You can choose from Bold, Semi-Bold and Regular.

  • Button Text Size: Set the Size as per your choice.

  • Button Text Color: Design the text color that matches the app theme or as per your choice.

  • Button Height: This is the height of button which is in px.

  • Button Width: This is the width of button which is in px.

  • Enable Button background color if you want and give the color in "Button Background Color"

3.) Save as a Draft.

4.) Preview it.

Last updated