1. Page components

Entity list

The Entity list component can be used on an entity details page to display a collection of entities matching specific criteria. This type of component is highly configurable, letting you choose the type and number of entities to display, the format they are displayed in, and more.

Important

This component will be deprecated. Use the Search component instead.

To add an Entity list component

  1. On the menu bar, click Manage .

  2. On the Manage page, click Pages.

  3. On the Pages page, select the details page you want to modify.

  4. On the Layout tab, add the page component.

  5. Click the component to open its details page.

  6. On the details page, configure the component by filling out the various fields on the following tabs:

    Use this tab to define the query that identifies entities to display. You can also apply filters to the query results.

    Entity definition

    In this pane, you define the query that fetches entity data to display in the list.

    FieldDescriptionMandatory
    DefinitionThe definition type of entities you want the query to fetch, such as Asset.Yes
    Query typeThe query type. Choose between DefaultDependent/query and Dependent/relation.Yes
    TakeThe maximum number of results to display in the list.No
    Created by userHides all entities not created by the current user.No
    Enable sortingApplies sorting to the list contents. This is not available for Dependent/relation query type.No
    Sorting propertyThe property used to sort the list contents, and the direction they are sorted in.No
    Preflight requestThe page will check if the request is allowed based on the server's CORS configuration.No

    Filters

    In this pane, you can apply filters to the query results. Only entities that match the query and its filters are displayed by the list component.

    FieldDescriptionMandatory
    TypeThe filter type.Yes
    PropertyThe property to use.For Property type only
    RelationThe relation to use.For Relation type only
    Option listThe option list to use.For Option list type only
    OperatorThe operator to use.Yes
    Full-text searchThe text to search for.Yes

    Results

    This pane shows a preview of entities that match the query and applied filters.

    Use this tab to choose which entity properties to display in the list. For each property you want to display, click Add output property and fill out the following fields:

    FieldDescriptionMandatory
    TypeThe type of output parameter.Yes
    Output propertyThe system property.Yes. For System property type only.
    DateTime FormatThe system property format.Yes. For System property type only.
    PropertyThe property.Yes. For Property type only.
    FormatThe property display format.Yes. For Property type only.
    Selected iconSets an icon to represent the output parameter.No. For Icon type only.
    LabelLabel of the output property.No
    ActionAssociates an action to a property.No

    When you’ve finished configuring a property, click Add to apply it to the component.

    Use this tab to modify the appearance of the component based on one of several templates. After selecting a Category listed below, you can select one of the templates in that category.

    Template categoryDescription
    ListRenders entities as a simple list of text.
    Image gridRenders entities in a grid containing images. After selecting a template, you can choose how many columns the grid contains and the size of the image rendition used for each entity.
    TableRenders a table containing columns of data about each entity. After selecting a template, you can choose whether the table should include a header.
    Image CarouselRenders a carousel that lets page visitors view the entities matching your query in a sequence. After selecting a template, you can specify the maximum number of entities to display at one time, the type of image rendition to display for each entity, and whether the carousel plays automatically.

    Use this tab to add functionality to the rendered component, letting page visitors update and interact with the query results.

    Pagination

    You can add pagination to the top and bottom of a list and set up an alternate list size by setting the following parameters:

    FieldDescriptionMandatory
    Pagination topAdds pagination at the top of the list.No
    Pagination bottomAdds pagination at the bottom of the list.No
    Use take alternateUses the Alternate take value to limit the number of displayed result items.No
    Alternate takeLimits the number of displayed result items.No

    Sorting

    Adding sort properties lets page visitors use them to manually sort the query results. After filling out the following fields for a property, click Add.

    FieldDescriptionMandatory
    PropertyThe sorting property.Yes
    CaptionA label for the sorting property.Yes

    Refresh query

    You can set a refresh query, enable a search component, and track query results by using the following fields:

    FieldDescriptionMandatory
    Refresh query / EnableAdds a component that repeats the query to check for new results.No
    TitleA title for the refresh query.No
    Search / EnableAdds a search component.No
    TrackTracks the query result changes.No

    Filters

    Adding filters lets page visitors use them to manually filter the query results.

    FieldDescriptionMandatory
    PropertyThe filter property.Yes
    LabelLabel of the filter property.No
    ConditionCondition for displaying the filter. You must specify a Label and a Key.No

    Buttons

    You can add one or more buttons to provide additional functionality for page visitors.

    FieldDescriptionMandatory
    SizeThe size of the button.Yes
    StyleThe button style.Yes
    ActionThe action type of the button:

    • Page link - specify a Link to page URL
    • OpenModalAction - specify an action for the button
    Yes
    TitleTitle of the button component.No
    TypeThe visual aspect of the button.Yes
    TextLabel of the button.No
    Link parametersParameters for the link. You must specify a Label and a Key.You must specify a Label and a Key.No

    Use the Labels tab to set a title for the component, apply a hyperlink to that title, and set default text for empty results.

    You can configure labels by setting the following parameters:

    FieldDescriptionMandatory
    TitleThe component title.Yes
    Title linkThe hyperlink applied to the title.Yes
    Empty messageText to show when there are no results to display.Yes

    Use the Advanced tab to apply specific classes provided with the solution. This is useful when you want to use styling other than the default system styling.

  7. Click Save and close.

If you have suggestions for improving this article, let us know!