Salesforce Docs Portal

Previewing a Layout (Managed Package)

For the managed package runtime, preview a card layout to see how your cards will look once published to a Lightning or Community page.

Managed Package app icon This information is for Omnistudio for Managed Packages. For Omnistudio on standard runtime, see Omnistudio Help.

  1. In your org, click App Launcher, click Vlocity Cards, and click a version of a layout to open the Card Designer.
  2. Click the Preview tab.
    Note
    Note

    Only active cards are visible in Run Time. All inactive and active cards are visible in Design Time.

  3. Click the 'open in new window' icon to view the layout on a Visualforce page.
    image
  4. Click the refresh icon to reload the layout in the Preview pane.
    image
  5. To preview how the layout looks on different pages and mobile devices, select a page from the dropdown list of universal and custom pages. Universal is selected by default.
    image
  6. To add a custom preview page for your layout:

    1. Create a Visualfource page for your preview page. See Creating Visualforce Pages. Or choose an existing page from Setup > Custom Code > Visualforce Pages.

    2. Click + Add Custom Page.

    3. In the Custom Page modal, click + Add Custom Page for each new custom page you want to add.

    4. Enter values for these properties:

      • Page Name: Enter the API name of the Visualforce page.

      • Page Label: Enter the label of the Visualforce page.

  7. If your card is LWC enabled, you must click Deploy to update changes before previewing your layout.