---
title: "Add fields of the card"
url: "https://docs.ops.center/en/article/add-fields-of-the-card"
language: "en"
last_updated: "2025-09-02T08:52:36.969Z"
---

# Add fields of the card

Estimated reading time: 5 minutes

We have a report header and a page header that will only appear from the second page onward. Next, we’ll add the card fields to the Detail1 band.

-   Open the **Field List** on the right toolbar and expand the **Cards** query and drag and drop the following fields onto the **Detail1** band:
    -   CardTitle
    -   CardCategoryTitle
    -   CardCreatedOnLocal
    -   ResourceDisplayName

![](https://cdn-assets.productfruits.com/866e02fa-c0fd-4602-aed9-336aab474e1b)

-   Select the **CardTitle control**. In **Properties**, expand **Design** and rename it **CardTitleLabel**.

![](https://cdn-assets.productfruits.com/ab9bebe7-ce80-4814-b0d6-f699e595c981)

-   Create a style **CardTitleLabelStyle**:
    -   Font: Noto Sans, Size: 12![](https://cdn-assets.productfruits.com/cd07f9cf-497b-4292-acf5-201943f3e27e)
    -   Style Foreground Color: **#00aeff ![](https://cdn-assets.productfruits.com/810c492a-d1b8-4719-a3ec-59923ffc32ba)** 
    -   Style padding: ​Left & Right: 8, Top & Bottom: 3 ​![](https://cdn-assets.productfruits.com/4cfd6f96-0500-432d-9f08-ced24bd606d1)
    -   Layout: ​X: 0, Y: 0, Width: 350, Height: 28 ​![](https://cdn-assets.productfruits.com/41784440-f651-45ed-a0a2-72f4233bd0b3)

Note: Make sure you apply changes before moving on to the next step.

**Now, let’s do the same for the rest of the fields dragged…​**

**1\. Cardcategory**

-   Select the **CardCategory** control in the **Detail1** band. In the **Design** section of **Properties**, rename it **CardCategoryLabel**.
-   Create a style **DetailLabelStyle**:
    -   Font: Noto Sans, Size: 10
    -   Padding: Left & Right 8, Top & Bottom 3
    -   Set the layout: X: 0, Y: 30 Width: 350, Height: 28

**2\. CardCreatedOnLocal**

-   Select the **CardCreatedOnLocal** control. In the **Design** section of **Properties**, rename it **CardCreatedOnLocalLabel**.
-   Apply the **DetailLabelStyle**. 
-   In **Appearance**, set the text alignment to **Right**.
-   Set the layout: X: 400, Y: 0 Width: 250, Height: 28

**3\. ResourceDisplayName**

-   Select the **ResourceDisplayName** control. In the **Design** section of **Properties**, rename it **ResourceDisplayNameLabel**.
-   Apply the **DetailLabelStyle**. In **Appearance**, set the text alignment to **Right**.
-   Set the layout: X: 400, Y: 28  Width: 195, Height: 28

-   Final step: Select the **Detail1** band and set its **Height** to **60**.

![](https://cdn-assets.productfruits.com/15c2191a-f784-4cf3-b389-14f38c3a2379)

Note: Make sure you apply changes before moving on to the next step.

Your report should look like this in preview.

![](https://cdn-assets.productfruits.com/d05115dc-45d0-4831-ab09-523d7ce1c94f)

Congratulations! 🎉 You’ve completed building your report from start to finish. All queries, fields, bands, styles, and layouts are now set up.