Skip to main content






Applies only to Traditional Web Apps



Load on Visible

  • Edit
    Collaborate with us
    Edit this page on GitHub
  • You can use the Load on Visible UI Pattern to enhance the speed of your application as well as improve user experience. Using this UI pattern, information is loaded onto the page only when it is visible to the user. For example, instead of loading all text and images onto a page at once, they only appear when the user scrolls down the page and the information/image becomes visible.

    How to use the Load on Visible UI Pattern

    1. In Service Studio, in the Toolbox, search for Load on Visible.

      The Load on Visible widget is displayed.

    2. From the Toolbox, drag the Load on Visible widget into the Main Content area of your application's screen.

    3. Add the required content to the placeholder inside the Load on Visible widget.

      In this example, we add images by dragging the Image widget into the Load on Visible widget and selecting an image from the sample OutSystems UI images.

    After following these steps and publishing the module, you can test the pattern in your app.

    • Was this article helpful?