> For the complete documentation index, see [llms.txt](https://docs.xviz.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.xviz.com/project-management/milestones/milestone-formatting.md).

# Milestone Formatting

The xViz Gantt Chart allows you to customize the milestones in the Gantt timeline, making it easier to visually identify and understand specific milestones.

<figure><img src="/files/UaNlbOkogFivKaatlItm" alt=""><figcaption><p>Image 1: Milestone configuration in xViz Gantt Chart</p></figcaption></figure>

In the xViz Gantt Chart, the Milestones feature provides the following formatting options for customizing milestones:

* Milestone Shape
* Milestone Image

### Option 1: Steps to Configure Shape and color of Milestones:

1. Go to the Advanced Editor

<figure><img src="/files/JXVrpec65x5o4hT4tXUv" alt="" width="73"><figcaption><p>Image 2: Advance Editor icon</p></figcaption></figure>

2. In Advance Editor, navigate to the Milestones Tab.

<figure><img src="/files/SW5ZALSbUuk97VJmctfm" alt="" width="349"><figcaption><p>Image 3: Milestones Tab in Advance Editor</p></figcaption></figure>

3. Configure the shape and color of the milestones based on Milestone columns or the Milestone names, as shown below:

<figure><img src="/files/jvNi0sCngsLch4PV0dDi" alt="" width="265"><figcaption><p>Image 4: Milestone Configuration in Advance Editor</p></figcaption></figure>

The final result, visual showcasing various milestone shapes, is displayed in the image below:

<figure><img src="/files/w8Oa6frITVjKm52rOyBp" alt=""><figcaption><p>Image 5: Milestone Shape and color configuration in xViz Gantt Chart</p></figcaption></figure>

### Option 2: Steps to Configure Custom Images of Milestones:

1. Go to the Advanced Editor

<figure><img src="/files/JXVrpec65x5o4hT4tXUv" alt="" width="73"><figcaption><p>Image 6: Advance Editor icon</p></figcaption></figure>

2. In Advance Editor, navigate to the Milestones Tab

<figure><img src="/files/SW5ZALSbUuk97VJmctfm" alt="" width="349"><figcaption><p>Image 6: Milestones Tab in Advance Editor</p></figcaption></figure>

3. Next, click on "custom image for milestone" and upload the milestone images from your device.

<figure><img src="/files/8Fykmz01tQ7YvLDuYfbI" alt="" width="360"><figcaption><p>Image 7: Upload Custom Images for Milestone</p></figcaption></figure>

{% hint style="success" %}
Milestone images support JPG, PNG and SVG formats.
{% endhint %}

The final result, the visual shows the Custom Images for Milestones, is displayed in the image below:

<figure><img src="/files/UaNlbOkogFivKaatlItm" alt=""><figcaption><p>Image 8: Milestone Image configuration in xViz Gantt Chart</p></figcaption></figure>