Skip to main content


         This documentation site is for previous versions. Visit our new documentation site for current releases.      
 

Deferring the loading of content in UI elements

Updated on February 7, 2022

Improve the loading time of a web page by preventing certain types of UI elements from loading their whole content on the initialization of the page.

  1. Choose the UI element for which you want to configure the deferred loading of content:

    ChoicesActions
    Embedded sections
    1. In the navigation pane of Dev Studio, click Records.

    2. Expand the User Interface category, and then click Section.

    3. Open the section that you want to edit.

    4. In the section header, click the View properties icon.

    5. On the General tab, select the Defer load contents check box.

    For more information, see Creating an embedded section.

    Dynamic layouts, repeating dynamic layouts, column layouts
    1. In the navigation pane of Dev Studio, click Records.

    2. Expand the User Interface category, and then click Section.

    3. In the section list, select the section that contains the target layout.

    4. In the layout header, click the View properties icon.

    5. On the General tab of the layout properties window, select the Defer load contents check box.

    Drop-down controls
    1. Open the view with the control that you want to edit.

      For more information, see Accessing views in your application.
    2. In the configuration pane on the right side of the window, hover over the control, and then click the Edit icon.

    3. On the General tab, in the List source section, in the Load behavior list, select one of the following options:

      On user hover
      Defers loading the content of the Dropdown list until the user hovers the mouse pointer over the list.
      After screen renders
      Defers loading the content of the Dropdown list until after all other UI elements are rendered.
    Non-optimized tables
    1. In the navigation pane of Dev Studio, click Records.

    2. Expand the User Interface category, and then click Section.

    3. In the section list, select the section that contains the layout that you want to use.

    4. In the Table header, click the View properties icon, and then select the General tab.

    5. In the Pagination section, in the Pagination format list, select Progressive.

  2. Click Submit.

  3. On the section form, click Save.

Have a question? Get answers now.

Visit the Support Center to ask questions, engage in discussions, share ideas, and help others.

Did you find this content helpful?

Want to help us improve this content?

We'd prefer it if you saw us at our best.

Pega.com is not optimized for Internet Explorer. For the optimal experience, please use:

Close Deprecation Notice
Contact us