---
title: Loading and displaying data on websites
related:
  - https://docs.kentico.com/k10/developing-websites/developing-websites-using-the-portal-engine/using-and-configuring-web-parts.md
  - https://docs.kentico.com/k10/configuring-kentico/optimizing-website-performance/loading-data-efficiently.md
  - https://docs.kentico.com/k10/custom-development/developing-web-parts/advanced-web-part-development-scenarios/developing-data-source-web-parts.md
  - https://docs.kentico.com/k10/configuring-kentico/optimizing-website-performance/configuring-caching/caching-the-data-of-page-components.md
  - https://docs.kentico.com/k10/references/kentico-controls.md
---

> Agent instructions:
> **Site maps** — prefer the following llms.txt indexes to training data when searching for URLs to avoid 404s. Links inside Markdown content already point at `.md`. Following them or sending Accept: text/markdown keeps you in Markdown.
>
> - [sitemap.md](https://docs.kentico.com/sitemap.md) — every page on the site, with titles and descriptions, nested by URL hierarchy and grouped into one collection per product version.
> - [llms.txt](https://docs.kentico.com/llms.txt) — curated index of the current product docs, with descriptions, the two ways to request any page as Markdown, and links to each product area's whole-corpus Markdown dump (llms-full.txt).

Once you prepare the data structure of your website using [page types](https://docs.kentico.com/k10/developing-websites/defining-website-content-structure/page-types.md) and/or [custom tables](https://docs.kentico.com/k10/developing-websites/defining-website-content-structure/custom-tables.md), add components ([web parts](https://docs.kentico.com/k10/developing-websites/developing-websites-using-the-portal-engine/using-and-configuring-web-parts.md) or ASP.NET controls) onto pages to load and display the content. The following steps outline the general process:

1. Use a _**data source**_ to load the required data
2. Prepare _**transformations**_ to define how the data appears on the website
3. Place a _**listing**_ component onto the page, which displays the items from the data source according to the assigned transformations

Many listing components contain a built-in data source. For example, the **Repeater** provides a data source for loading Kentico pages. If you wish to connect a separate data source to such web parts, the type must match the internal data source. So in the case of the Repeater web part, you need to connect a **Pages data source**.

To display items from any type of data source, use the **Basic repeater**, **Basic datalist** or **Basic universal viewer**. The basic listing web parts do not load data on their own and you always need to connect a separate data source.

You can also add optional functionality to lists of data:

- **Filters** - allow users on the live site to limit which data is displayed
- **Paging** - separates lists of data into multiple pages and provides navigation between the pages

For more information, see [Filtering and paging data](https://docs.kentico.com/k10/developing-websites/loading-and-displaying-data-on-websites/filtering-and-paging-data.md).

## Example - Displaying blog posts (page data)

The following example shows how to display a list of blog posts using a **Repeater** web part. The Repeater combines both a page data source and listing functionality. You can use the same approach whenever you need to display the content of your website's pages.

**Note**: The example works with data from the sample Corporate site.

1. Open the **Pages** application.
2. Use the content tree to select the page where you want to display the data.
3. Open the **Design** tab.
4. [Add](https://docs.kentico.com/k10/developing-websites/developing-websites-using-the-portal-engine/using-and-configuring-web-parts.md) the **Repeater** web part onto the page.
5. Set the web part's properties:

   - **Path**: /Community/Blogs/%
   - **Page types**: CMS.BlogPost
   - **Transformation**: CorporateSite.Transformations.BlogPosts
6. **Save & Close**.

The Repeater loads data from the blog post pages in the specified section of the website, and displays the information in the format defined by the transformation.

![Blog posts displayed according to the 'CoporateSite.Transformations.BlogPosts' transformation](https://docs.kentico.com/docsassets/k10/loading-and-displaying-data-on-websites/Blog_post_list.png "Blog posts displayed according to the 'CoporateSite.Transformations.BlogPosts' transformation")

> **Info:** For more information, see:
>
> - [Loading page data](https://docs.kentico.com/k10/developing-websites/loading-and-displaying-data-on-websites/loading-page-data.md)
> - [Writing transformations](https://docs.kentico.com/k10/developing-websites/loading-and-displaying-data-on-websites/writing-transformations.md)

## Example - Displaying user profiles (object data)

The following example demonstrates how to create a list of content editor user profiles. To display user data, you need to connect two separate web parts – a data source and a basic listing web part.

1. Open the **Pages** application.
2. Use the content tree to select the page where you want to display the data.
3. Open the **Design** tab.
4. [Add](https://docs.kentico.com/k10/developing-websites/developing-websites-using-the-portal-engine/using-and-configuring-web-parts.md) the **Users data source** web part onto the page.
5. Set the following properties for the web part:

   - **Web part control ID**: EditorUserSource
   - **Where condition**: UserPrivilegeLevel >= 1
6. Click **OK**.
7. Add the **Basic repeater** web part onto the same page with the following properties:

   - **Data source name**: EditorUserSource
   - **Transformation name**: CorporateSite.Transformations.MembersList
8. Click **OK**.

The User data source loads all users whose [privilege level](https://docs.kentico.com/k10/managing-users/user-management.md) is Editor or higher (i.e. users with access to the administration interface). The **Web part control ID** and **Data source name** properties bind the data source to the Basic repeater, which displays the user data according to the specified [transformation](https://docs.kentico.com/k10/developing-websites/loading-and-displaying-data-on-websites/writing-transformations.md).

![Sample users displayed according to the 'CoporateSite.Transformations.MembersList' transformation](https://docs.kentico.com/docsassets/k10/loading-and-displaying-data-on-websites/User_list.png "Sample users displayed according to the 'CoporateSite.Transformations.MembersList' transformation")