1. Anaplan User Experience
  2. Build apps and pages in the User Experience
  3. Pages
  4. Preview a page

When you design a page, you can use preview to see what the page will look like before you publish it.

Preview your design

To preview your page in the design mode, toggle Preview to the right.

Your page displays in preview.

Return to designer mode

When you want to return to designer mode, toggle Preview to the left.

Your page displays in designer mode.

You can use preview on both new, unpublished pages, and previously published pages that you want to update.

In preview, the right-hand panel of designer mode disappears.

Preview enables you to test the page to see if it works as you want it to. You can:

  • Enter data
  • Run actions, imports, and exports
  • Click hyperlinks
  • Click buttons on action cards

If you click a link, or a button that links to another page, the page opens in a new tab. If you click a link to a draft page, the page opens in designer mode in a new tab.

If you change filters in preview mode, you will then see those changes in designer mode. If you want to apply grid filters for all users, change the filters in the view designer in designer mode.

You can save your page as a draft to retain your changes before you publish.

Example

Say you design a board to visualize product forecasting for shoes. You add a text card, a grid, a product image, and a chart for demand versus forecast. In designer mode, you need to scroll down to see the chart.

A board in designer mode. It displays a text card, a grid, a product image, and a chart. The Cards panel displays on the right. Each row of cards is separated by a Drag here to add more cards field. Only the top of the chart card is visible.

However, when you preview the page, the Cards panel and Drag here to add more cards fields do not display. The chart moves up and displays comfortably alongside your other cards.

A preview of a board. It displays a text card, a grid, a product image, and a chart. The chart is fully visible at the bottom of the page.