# Header and Footer

Set the header and footer for ASP.NET MVC FlexChart control. Learn more about setting the header and footer in ASP.NET MVC documentation.

## Content



You can add a title to the FlexChart 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 FlexChart appears, after these properties have been set.

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

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

```razor
.Header("Sales Data")
.HeaderStyle(hs => hs.Halign("left"))
.FooterStyle(fs => fs.Halign("right"))
.Footer("*Random Data by ComponentOne")
```