Learn how to add a new quote detail page in Salesforce Lightning Experience.

1. Open any quote in lightning experience, click and select Edit Page .
2. In the middle of the screen, click on the blank space next to the Related and Details section.
3. On the right side, click Add tab and enter the names for Tab Label and Custom Label .
   
4. Click Done. You will now see a new tab appear.
   
5. Navigate to the newly created tab and add the custom component named CPQ_X Quote Detail Form to the desired place. You can find this on the left side, or you can use Salesforce Quick Search.
   
6. Define the Parent Quote Field Set(s) and Child Object Field Set(s). While defining Quote Object Field sets, the namespace prefix of the field set should match the API name exactly. For example, if it is a Zuora package field set, it should be prefixed with zqu__ . If you create it, it may not have any prefix. You can define multiple field sets with comma separated.
   
7. Click Save and Activate .

   Note that the columns displayed for the products, such as Charge Name, List Price, Quantity, Discount, etc., are determined by the field set named "CPQX_Quote_Detail_Charge_Display_Fields" on the Quote Rate Plan Charge object. To adjust the columns shown, add or remove fields within the "CPQX_Quote_Detail_Charge_Display_Fields" field set.

   It is important to know that you are not required to include the CPQX_Quote_Detail_Charge_Display_Fields field set in the Quote Object Field Set(s) as stated in point 6. It is already present on this page by design.

   Note: At present, all the fields added in the Quote Detail page for CPQ X are not editable. We are actively working on making all the fields editable in the near future.