# Add a Light Pattern to the Chart Header and Footer

## Content



You can show repetitive light patterns in a chart element by setting the Scale property to a value less than 1. As you decrease the Scale, the light pattern repeats more. The values of the Scale property range from 0 to 1.

To add a light pattern to the Chart Header and Chart 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 boxes next to **Header** and **Footer**.
4.  Click on the **Parameters** tab. Set the light **Shape** property to **Rectangle**.
5.  Select the **Scale** property and move the **Scale** slider the left to 0.20 or enter .20 in the text box.
    
    
	> type=note
	> **Note**: The **Scale** property is only applicable for the Rectangle light gradient.
    
    The rectangular pattern is repeated for the Header element.
    
    <br />![](https://cdn.mescius.io/document-site-files/images/70bd33a2-280e-4cc3-a1c0-7b827eceb8aa/imagesext/image10_13.png)
    
    The rectangular pattern is repeated for the Footer element.
    
    <br />![](https://cdn.mescius.io/document-site-files/images/70bd33a2-280e-4cc3-a1c0-7b827eceb8aa/imagesext/image10_14.png)

To add a light pattern to the Chart Header's and Footer's text element, complete the following steps:

1.  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).
    
2.  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**.
3.  Click on the **Parameters** tab. Set the light **Shape** property to **Rectangle**.
4.  Select the **Scale** property and move the Scale slider to **0.20** or enter **0.20** in the text box.
    
    
	> type=note
	> **Note**: The **Scale** property is only applicable for the Rectangle light gradient.
    
    The rectangular pattern is repeated for the Header's text element.
    
    <br />![](https://cdn.mescius.io/document-site-files/images/70bd33a2-280e-4cc3-a1c0-7b827eceb8aa/imagesext/image10_15.png)
    
    The rectangular pattern is repeated for the Footer's text element.
    
    <br />![](https://cdn.mescius.io/document-site-files/images/70bd33a2-280e-4cc3-a1c0-7b827eceb8aa/imagesext/image10_16.png)

## See Also

[Add a Light Shape to the Chart Header and Footer](/componentone/docs/win/online-chart2d/chartforwinformstask/addingvisualeffectst/customizeheaderandfo/addalightshapetothec)