<style>
img[src$="wrd-properties-area-categorized-area.png"],
img[src$="wrd-properties-area-alphabetical-view.png"],
img[src$="wrd-properties-area-indent-line-guides.png"],
img[src$="wrd-properties-area-global-search.gif"],
img[src$="wrd-properties-area-reset-button.gif"] {
  border: 1px solid lightgrey;
}
</style>

# Customizing Report Items: Overview

Customization of report items involves changing their properties to achieve both functional and aesthetic goals. These changes can be applied in two ways:

* Static customization: Properties are set once and remain unchanged throughout the report’s lifecycle.
* Dynamic customization: Properties adjust based on data or variables, such as the current date or logged-in user (see [Expressions](https://www.telerik.com/products/reporting/documentation/wrd-user-guide/expression-editor)).

The most important aspect of customization is styling. Styling report items ensures visual consistency (e.g., using themes or style rules), which improves readability, clarity, and brand alignment. Applying different colors, fonts, or layouts can distinguish sections and highlight key information, making reports more engaging and easier to interpret.

To customize or style report items in the Telerik Web Report Designer, you can use its

* [Conditional Formatting](https://www.telerik.com/products/reporting/documentation/wrd-user-guide/customizing-report-items/conditional-formatting) options
* Built-in CSS-like [styling model](https://www.telerik.com/products/reporting/documentation/wrd-user-guide/customizing-report-items/stylesheet-formatting)
* Properties Area.

## Properties Area

The **Properties Area** represents the section on the right-side where you can view and edit the properties of the currently selected report item. This area lets you control how each report item looks and behaves. Whether you are working with a TextBox, Table, Chart, or Image, this panel gives you access to all the relevant settings in one place:

* **Appearance**: Change fonts, colors, borders, background, padding, and more. Apply [conditional formatting](https://www.telerik.com/products/reporting/documentation/wrd-user-guide/customizing-report-items/conditional-formatting): dynamically change appearance based on data values.
* **Data**: Connect report items to fields or expressions from your data source.
* **Layout**: Modify size, position, alignment, and visibility.
* **Behavior**: Set actions like navigation, visibility rules, or interactivity.

 <img style="border: 1px solid gray;" src="/products/reporting/documentation/assets/31bd5d37825c48eaffcb8ad89f285a3f/wrd-customizing-report-items-properties-area.png" alt="Customizing Report Items Properties Area" />  

### Key Features

To facilitate the easier styling of your report, the Properties Panel offers several features that simplify access to the built-in styling tools:

* **Different Views**: Choose the layout that fits your style:

  * **Categorized view**: Groups properties by function (like Appearance, Layout, Data), making it easier to find what you need.

    ![Properties Area with properties grouped by category.](https://www.telerik.com/products/reporting/documentation/assets/8f67a68eac048b7471179c81d23d8458/wrd-properties-area-categorized-area.png)

  * **Alphabetical view**: Lists everything in alphabetical order—perfect when you know exactly what you're looking for.

    ![Properties Area with properties listed alphabetically.](https://www.telerik.com/products/reporting/documentation/assets/d22fca884ef6338b441f40dc09ddf540/wrd-properties-area-alphabetical-view.png)

* **Indent Guides**: When showing nested properties Indent Line Guides help you see how settings are structured, so you can navigate complex items with confidence:

  ![Indent guides showing nested properties in the Properties Area.](https://www.telerik.com/products/reporting/documentation/assets/32a511b3ad0109749b744a60736a5b3f/wrd-properties-area-indent-line-guides.png)

* **Search Box**: Use the Global Search bar at the top to instantly locate any property or editor.

  ![Using Global Search to locate properties in the Properties Area.](https://www.telerik.com/products/reporting/documentation/assets/cf2f7e377bf048fe7c4443737d96c22f/wrd-properties-area-global-search.gif)

* **Reset Value**: If you have made a change you want to undo, note that each editable property has a `Reset button` next to it. Click it to revert that setting to its default - without affecting anything else.

  ![Resetting a property to its default value in the Properties Area.](https://www.telerik.com/products/reporting/documentation/assets/475cdc18668fea5649a5679187fef393/wrd-properties-area-reset-button.gif)

## See Also

* [Conditional Formatting](https://www.telerik.com/products/reporting/documentation/wrd-user-guide/customizing-report-items/conditional-formatting)
* [Stylesheet Formatting](https://www.telerik.com/products/reporting/documentation/wrd-user-guide/customizing-report-items/stylesheet-formatting)
