Preview a Flexcard (Managed Package)

For the managed package runtime, preview your Flexcard's appearance and functionality before publishing it to a Lightning page or Experience Builder site. In Preview, test how your Flexcard looks on multiple devices and test the functionality of action links and other interactive elements.

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

Note

The Navigate and Omniscript actions don’t work in Preview. Add them to a Lightning or Digital Experience page to view them.

Note

To prevent the Flexcard Designer from freezing up in Preview, don't use a large data source. Using a Custom data source for testing is recommended. See Configure a Custom Data Source on a Flexcard (Managed Package). You can use a larger data source in production.

Before You Begin

• Create a Flexcard and configure its data source. See Create a Flexcard (Managed Package).

• Add elements to your Flexcard. See Add Elements to a Flexcard (Managed Package).

1. In the Flexcard Designer submenu, click Preview.
   

   Important

   If you don't see your content in the Preview canvas, check that you have granted access to your org domains in Remote Site Settings. See Update Remote Site Settings to Preview Your Flexcard (Managed Package).

2. (Optional) To add test parameters, click Add Test Params, and perform these tasks:

   • In Key, enter a variable to test how and what data displays on your Flexcard. For example, enter pagelimit to update how many pages display for a Datatable element. See Flexcards Context Variables (Managed Package).

   • In Value, enter a test value. For example, if the Key is pagelimit, enter 2 to limit the number of pages to display on a Datatable element to 2.

   • Click Add to enter another parameter as a key/value pair.

3. (Optional) To see how your Flexcard looks on different devices, select from the Viewport Dropdown.
   

   Note

   To enable elements to change widths in response to the width of the viewport, see Create Responsive Elements on a Flexcard (Managed Package).

4. (Optional) Beginning Summer '21, view your Flexcard's data JSON from the Data JSON panel. See View a Flexcard's Data JSON (Managed Package).
5. (Optional) Beginning Summer '21, debug action and event requests and responses from the Action Debugger panel. See Debug Flexcard Action and Event Requests and Responses (Managed Package).
6. (Optional) Beginning in Summer '21, to preview your Flexcard at full-width, click the toggle icon () to close the Debug Panel.