LinkedIn
Copied!

Table of Contents

Deferring the loading of content in UI elements

Version:

Only available versions of this content are shown in the dropdown

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:

    Choices Actions
    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.

Did you find this content helpful?

Have a question? Get answers now.

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