# Header and Footer

Add a title and footer to the Componentone ASP.NET MVC FlexPie. Learn more about adding header and footer to a FlexPie chart in MVC documentation.

## Content



You can add a title to the FlexPie control by setting its [Header](/componentone/api/mvc/online-mvc/dotnet-framework-api/C1.Web.Mvc/C1.Web.Mvc.FlexChartBase-1.Header.html) property. Besides a title, you may also set a footer for the chart by setting the [Footer](/componentone/api/mvc/online-mvc/dotnet-framework-api/C1.Web.Mvc/C1.Web.Mvc.FlexChartBase-1.Footer.html) property. You can also style the header and footer text with the help of [HeaderStyle](/componentone/api/mvc/online-mvc/dotnet-framework-api/C1.Web.Mvc/C1.Web.Mvc.FlexChartBase-1.HeaderStyle.html) and [FooterStyle](/componentone/api/mvc/online-mvc/dotnet-framework-api/C1.Web.Mvc/C1.Web.Mvc.FlexChartBase-1.FooterStyle.html) properties.

The image below shows how the FlexPie appears, after these properties have been set.

![Showing header and footer in FlexPie](https://cdn.mescius.io/document-site-files/images/2b3ac322-100e-4637-958d-fb40dcda3f44/images/pieheaderfooter.png)

The following code example demonstrates how to set these properties. This example uses the sample created in the [Quick Start](/componentone/docs/mvc/online-mvc/workwithcontrols/FlexChart/QuickStart) section.

```csharp
.Header("Sales Data")
.HeaderStyle(style => style.FontSize("30").Halign("left"))
.Footer("*Random data by ComponentOne")
.FooterStyle(style => style.FontSize("15").Halign("right"))
```