Scheduled Maintenance Notice: Our website will undergo scheduled maintenance on 19th and 20th November, 2024. During this period, some services may be temporarily unavailable. We apologize for any inconvenience and appreciate your understanding.
blog

How to setup splash screen and onboard screen using the super-admin panel

Splash Screen Immerse your users in a captivating app launch experience with our Splash Screen feature. Accessible through the super-admin panel at Settings > App Settings > Splash Screen, this tool empowers you to make a lasting first impression.

Onboard: Effortlessly introduce users to your app's key features using the Onboard feature. In the super-admin panel, under Settings > App Settings > Onboard, manage and customize onboard screens seamlessly. The intuitive table view allows you to oversee onboard thumbnails, titles, subtitles, and enable/disable status with a simple switch. Take control with action buttons – delete unwanted screens or click "Edit" to fine-tune onboard images, titles, and subtitles. Adding a new screen is a breeze; just click "Add New Screen" to open a modal, upload an image with drag-and-drop ease, input a title and subtitle, then hit "Add" to enrich your onboarding experience. Engage users effectively and enhance their first interaction with your app through this dynamic Onboard feature.

Navigation : setup a splash screen and onboard using the super-admin panel with the provided navigation path (Settings > App Settings > Splash Screen, Onboard), follow these steps and also you can search the (Splash Screen, Onboard) from super-admin sidebar search box.

    Splash Screen Setup:

    To configure your Splash Screen, follow these steps:

  1. Navigate to the super-admin panel.
  2. Go to Settings > App Settings > Splash Screen.
  3. Update Splash Screen:

    • Image Upload: Use the image upload input box to upload your desired splash screen image. Take advantage of the drag-and-drop feature for a seamless experience.
    • App Version: Enter the latest version number in the provided input field.
    • Update Button: After configuring the splash screen image and app version, click the "Update" button to apply the changes. This action will update both the Splash Screen and the App Version simultaneously.
    screenshot

    Onboard Setup:

  4. Go to Settings > App Settings > Onboard.
  5. Manage Onboard Screens:

    • Table View:
      • Onboard Thumb: Displays a thumbnail of each onboard screen.
      • Title: Shows the title of the onboard screen.
      • Subtitle: Presents a brief description or subtitle for the onboard screen.
      • Status Switch: Enable or disable the onboard screen using the switch.
    • Action Buttons:
      • Delete: Click the "Delete" button to remove the selected onboard screen.
      • Edit: Clicking the "Edit" button opens a modal named "Edit Screen," allowing you to modify the onboard image, title, and subtitle.
    • Adding New Onboard Screens:
    • "Add New Screen" Button: To add a new onboard screen, click this button. It opens a modal named "Add New Screen.

    • Modal Content:
      • Image Upload: Use the image upload input box, supporting drag-and-drop functionality, to set the onboard image.
      • Title Input: Enter the title for the new onboard screen.
      • Subtitle Input: Provide a brief subtitle or description.
      • Cancel Button: Click this button to close the modal without adding a new onboard screen.
      • Add Button: Click the "Add" button to add the new onboard screen with the specified details.
screenshot
screenshot
screenshot

Note With these steps, you can easily manage and update your Splash Screen and Onboard Screens through the super-admin panel.

Share This Post