---
title: "Preview UI Customization Changes Before Publishing"
slug: "preview-ui-customization-changes-before-publishing"
description: "Tailor how data is displayed in CPQ tables within key business objects like Quote or Agreement. You can manage column visibility, rearrange columns, and adjust their width."
updated: 2026-10-30T09:57:55Z
published: 2026-10-30T09:57:55Z
canonical: "docs.zilliant.com/preview-ui-customization-changes-before-publishing"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.zilliant.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Preview UI Customization Changes Before Publishing

UI customization changes can now be saved as a **draft and previewed before they are published**. This allows administrators or customization users to configure a screen, verify the resulting user experience, and publish the changes only when they are ready.

Draft changes are visible only to the customizing user until they are published.

[Draft and Preview.mov](https://cdn.document360.io/24f960e8-3c1c-4c18-a2c6-83b6ae4aab84/Images/Documentation/Draft%20and%20Preview.mov?sv=2026-02-06&spr=https&st=2026-11-10T16%3A56%3A51Z&se=2026-11-10T17%3A56%3A51Z&sr=c&sp=r&sig=gUU4I1uGTdmG5R0LUSfS2lr1oudGgeXDQXSkw5kjadY%3D)

---

## Prerequisites

To customize the table layout in CPQ, [enable the new UI](/v1/docs/work-with-the-new-ui).

---

## **Save Customization Changes as Draft**

When customizing a screen, changes can be saved using **Save Draft** without immediately applying them to all users.

A **blue indicator** identifies customization changes that are currently part of the draft. This makes it easier to distinguish unpublished changes from the currently published configuration.

When a draft exists, the **Preview** and **Clear Draft** actions become available.

---

## **Preview Draft Changes**

Select **Preview** to view the screen with all currently saved draft changes applied.

Preview mode allows the customizing user to verify how the screen will appear before making the configuration available to other users.

While preview mode is active, a notification banner is displayed in the top bar to clearly indicate that the user is viewing an unpublished configuration.

To leave preview mode, select the **X** in the preview notification banner.

---

## **Clear Draft Changes**

Select **Clear Draft** to discard the saved draft customization changes for the current screen configuration.

After the draft is cleared, the screen continues to use the currently published configuration.

---

## **Clear Draft Changes**

Select **Clear Draft** to discard the saved draft customization changes for the current screen configuration.

After the draft is cleared, the screen continues to use the currently published configuration.

---

## **Publish Changes**

After reviewing and verifying the configuration, select **Publish** to make the customization changes available to users.

This introduces a controlled customization workflow:

**Customize → Save Draft → Preview → Verify → Publish**

The workflow helps prevent incomplete or unintended UI configuration changes from being immediately exposed to users.