---
schema_version: "1"
id: bb222c03f99df84a48bf72eb17fed206870b7e161fe854ff0e9fec5a845d02d1
title: Customize Milestone Page Layouts
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/service/264-0-0/sla_milestone_layouts.md
canonical_url: https://help.salesforce.com/s/articleView?id=service.sla_milestone_layouts.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 5caa7744888604b4cf9c4d0d810e6d82f703d89cd5562f64f597d5d381141094
description: Customize your page layouts for milestones to help support reps and supervisors track support progress.
products:
  - Service Cloud
release: "264"
---
# Customize Milestone Page Layouts

Customize your page layouts for milestones to help support reps and supervisors track support progress.

### Required Editions

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small edition"><colgroup><col></colgroup><tbody><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;"><a href="https://help.salesforce.com/s/articleView?id=service.service_editions_reference.htm&amp;language=en_US" target="_blank">View supported editions</a>.</td></tr></tbody></table>

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small permission">
        <colgroup>
          <col style="width:50%">
          <col style="width:50%">
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="colgroup" class="slds-cell-wrap" colspan="2" style="text-align:center;vertical-align:top;" id="d39392e57">User Permissions
              Needed</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="User Permissions Needed" class="slds-cell-wrap" style="vertical-align:top;" headers="d39392e57 ">To create and edit page layouts:</td>

            <td class="slds-cell-wrap" style="vertical-align:top;" headers="d39392e57 ">Customize Application</td>

          </tr>
          <tr class="">
            <td data-label="User Permissions Needed" class="slds-cell-wrap" style="vertical-align:top;" headers="d39392e57 ">To create milestones: </td>

            <td class="slds-cell-wrap" style="vertical-align:top;" headers="d39392e57 ">
              <p>Manage Entitlements</p>
              <p>AND</p>
              <p style="margin-bottom:0;">Customize Application</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="User Permissions Needed" class="slds-cell-wrap" style="vertical-align:top;" headers="d39392e57 ">To enable the Stopped Time and Actual Elapsed Time fields:</td>

            <td class="slds-cell-wrap" style="vertical-align:top;" headers="d39392e57 ">Manage Entitlements</td>

          </tr>
        </tbody>
      </table>

Add milestone elements to case and work order page layouts.

Use Setup in Salesforce Classic or Lightning Experience.

1. Add milestone fields.
    
    <table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
              <colgroup>
                <col style="width:50%">
                <col style="width:50%">
              </colgroup>
              <thead class="slds-text-title_caps ">
                <tr class="">
                  <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d39392e130">Field</th>
                  <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d39392e133">Description</th>
                </tr>
              </thead>
              <tbody>
                <tr class="">
                  <td data-label="Field" class="slds-cell-wrap" style="vertical-align:top;" headers="d39392e130 ">
                    <samp class="parmname">Milestone Status</samp>
                  </td>

                  <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d39392e133 ">The milestone’s status.</td>

                </tr>
                <tr class="">
                  <td data-label="Field" class="slds-cell-wrap" style="vertical-align:top;" headers="d39392e130 ">
                    <samp class="parmname">Milestone Status Icon</samp>
                  </td>

                  <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d39392e133 ">
                    <p>An icon that corresponds to the milestone status:</p>
                    <ul>
                      <li><span style="vertical-align:text-bottom;display:inline-block;"><img style="margin-bottom:0;" src="https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support-264-0-0-production-enus/dd14551c-a772-4db6-9a1d-d84df8df2980/support/images/cases/casemilestone_iscompleted.gif" alt="Milestone completed icon"></span> Compliant</li>

                      <li><span style="vertical-align:text-bottom;display:inline-block;"><img style="margin-bottom:0;" src="https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support-264-0-0-production-enus/dd14551c-a772-4db6-9a1d-d84df8df2980/support/images/cases/casemilestone_isviolated.png" alt="Milestone open violation icon"></span> Open Violation</li>

                      <li><span style="vertical-align:text-bottom;display:inline-block;"><img style="margin-bottom:0;" src="https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support-264-0-0-production-enus/dd14551c-a772-4db6-9a1d-d84df8df2980/support/images/entitlements/closedviolation.png" alt="Closed violation icon"></span> Closed Violation</li>

                    </ul>
                    <div class="slds-box slds-box_x-small slds-theme_shade slds-m-top_medium slds-m-bottom_medium">
                      <div class="slds-media slds-media_responsive">
                        <div class="slds-media__figure"><span class="slds-icon_container slds-icon_container_circle slds-icon-note-note"><img style="margin-bottom:0;" src="https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support-264-0-0-production-enus/dd14551c-a772-4db6-9a1d-d84df8df2980/images/icon_note.png" alt="Note"></span></div>
                        <div class="slds-media__body" style="padding-top:.5rem;padding-bottom:.5rem;"><span class="slds-text-title_caps">Note</span> In Lightning Experience, the Milestone Status Icon field on cases
                          isn’t available. </div>
                      </div>
                    </div>
                  </td>

                </tr>
                <tr class="">
                  <td data-label="Field" class="slds-cell-wrap" style="vertical-align:top;" headers="d39392e130 ">
                    <samp class="parmname">Entitlement Process Start Time</samp>
                  </td>

                  <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d39392e133 ">The time the record enters the entitlement process.</td>

                </tr>
                <tr class="">
                  <td data-label="Field" class="slds-cell-wrap" style="vertical-align:top;" headers="d39392e130 ">
                    <samp class="parmname">Entitlement Process End Time</samp>
                  </td>

                  <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d39392e133 ">The time the record exits the entitlement process.</td>

                </tr>
              </tbody>
            </table>
    
    ![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support-264-0-0-production-enus/dd14551c-a772-4db6-9a1d-d84df8df2980/images/icon_note.png)
    
    Note Case Milestone Status isn’t available in list views in Lightning Experience.
2. Add the Case Milestones or Object Milestones related list to display the record’s milestones.
    
    In Lightning Experience, the Case Milestones related list doesn't support the Business Hours field. Only certain fields in the Object Milestones related list are supported.