# Header Footer

## Content



You can add a title to the FlexChart control by setting its [Header](/componentone/api/xamarin/online-forms/dotnet-api/C1.Xamarin.Forms.Chart/C1.Xamarin.Forms.Chart.ChartBase.Header.html) property. Besides a title, you may also set a footer for the chart by setting the [Footer](/componentone/api/xamarin/online-forms/dotnet-api/C1.Xamarin.Forms.Chart/C1.Xamarin.Forms.Chart.ChartBase.Footer.html) property. There are also some additional properties to customize header and footer text in a FlexChart.

*   [HeaderAlignment](/componentone/api/xamarin/online-forms/dotnet-api/C1.Xamarin.Forms.Chart/C1.Xamarin.Forms.Chart.ChartBase.HeaderAlignment.html) - Lets you set the alignment for header text.
*   [FooterAlignment](/componentone/api/xamarin/online-forms/dotnet-api/C1.Xamarin.Forms.Chart/C1.Xamarin.Forms.Chart.ChartBase.FooterAlignment.html) - Lets you set the alignment for footer text.

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

![Header and footer in FlexChart](https://cdn.mescius.io/document-site-files/images/fb6b46a2-eac0-487c-84c3-5e1b4c7b1348/images/flexchart-header-footer.png)

The following code examples demonstrate how to set header and footer properties in C# and XAML. This example uses the sample created in the [Quick Start](/componentone/docs/xamarin/online-forms/controls/chartOverview/chartQuickStart) section.

#### In Code

```csharp
//Set header and footer
chart.Header = "Sales data";      
chart.HeaderAlignment = LayoutAlignment.Fill;
chart.Footer = "Random data by ComponentOne";
chart.FooterAlignment = LayoutAlignment.Fill;
```

#### In XAML

```xml
<c1:FlexChart x:Name="chart" ItemsSource="{Binding Data}" BindingX="Name" ChartType="Column"
Header="Sales Data" HeaderAlignment="Fill" Footer="Random data by ComponentOne"
FooterAlignment="Fill">
</c1:FlexChart>
```