# Add a Shadow to the Chart Header and Footer

## Content



To add a shadow to the Chart Header and Footer elements, complete the following steps:

1.  Add a Chart Header and Chart Footer.
    
    For details on how to add a Chart Header see, [Add a Chart Header](/componentone/docs/win/online-chart2d/chartforwinformstask/creatingandformattin1/addachartheader). For details on how to add a Chart Footer see, [Add a Chart Footer](/componentone/docs/win/online-chart2d/chartforwinformstask/creatingandformattin1/addachartfooter).
    
2.  Open the **Visual Effects** designer.
    
    For details on how to access the **Visual Effects** designer see [Access the Visual Effects Designer](/componentone/docs/win/online-chart2d/chartforwinformstask/addingvisualeffectst/accessthevisualeffec).
    
3.  In the **Available Elements** list box, click on the box next to **Header**, and then click on the box next to the **Footer**.
4.  Click on the **Parameters** tab, and then select the **Offset** property located in the Shadow group.
5.  Slide the **Offset** slider to the right to 2.5 or enter the value 2.5 in the Offset's text box.
    
    The Preview pane displays the shadow on the square.
    
6.  To make the shadow appear less transparent, select the Transparency and slide the slider to 160.
    
    The Preview pane displays the darker shadow.
    
    A shadow appears on the Header.
    
    <br />![](https://cdn.mescius.io/document-site-files/images/70bd33a2-280e-4cc3-a1c0-7b827eceb8aa/imagesext/image10_25.png)
    
    A shadow appears on the Footer.
    
    <br />![](https://cdn.mescius.io/document-site-files/images/70bd33a2-280e-4cc3-a1c0-7b827eceb8aa/imagesext/image10_26.png)

To add a shadow to the Chart Header's text element, complete the following steps:

1.  Add a Chart Header and Chart Footer.
    
    For details on how to add a Chart Header see, [Add a Chart Header](/componentone/docs/win/online-chart2d/chartforwinformstask/creatingandformattin1/addachartheader). For details on how to add a Chart Footer see, [Add a Chart Footer](/componentone/docs/win/online-chart2d/chartforwinformstask/creatingandformattin1/addachartfooter).
    
2.  Open the **Visual Effects** designer.
    
    For details on how to access the **Visual Effects** designer see [Access the Visual Effects Designer](/componentone/docs/win/online-chart2d/chartforwinformstask/addingvisualeffectst/accessthevisualeffec).
    
3.  In the **Available Elements** list box, unselect the **Header** and **Text** check boxes and click on the boxes next to **Header.Text** and **Footer.Text**.
4.  Click on the **Parameters** tab, and then select the **Offset** property located in the Shadow group.
5.  Slide the Offset slider to the right to 2.5 or enter the value 2.5 in the Offset's text box.
    
    The Preview pane displays the shadow on the square.
    
6.  To make the shadow appear less transparent, select the **Transparency** property and slide the slider to 160.
    
    The Preview pane displays the darker shadow.
    
    A shadow appears on the Header's text.
    
    <br />![](https://cdn.mescius.io/document-site-files/images/70bd33a2-280e-4cc3-a1c0-7b827eceb8aa/imagesext/image10_27.png)
    
    A shadow appears on the Footer's text.
    
    <br />![](https://cdn.mescius.io/document-site-files/images/70bd33a2-280e-4cc3-a1c0-7b827eceb8aa/imagesext/image10_28.png)

## See Also

[Adjust the Focus of the Light to the Chart Header and Footer](/componentone/docs/win/online-chart2d/chartforwinformstask/addingvisualeffectst/customizeheaderandfo/adjustthefocusofthel)