--- schema_version: "1" id: 82e11482f68ab27c14f66cc1f783906feeb32468ff4f51354f8497d5dfbf12fd title: Flexcard Designer Preview (Managed Package) collection: admin version: current locale: en-us portal_url: https://docs.salesforce.com/admin/current/en-us/xcloud/264-0-0/os_flexcard_designer_preview.md canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_flexcard_designer_preview.htm&release=264.0.0&type=5 source_site: help.salesforce.com content_type: documentation content_hash: bfbac851e70606c65a5273384c6f5be1b4778bcdb2e77fe8fc51d3fa9694793e description: For the managed package runtime, preview your Flexcard's appearance and test functionality before publishing it to a Lightning or Community page. Test how your Flexcard looks on multiple devices. Test the functionality of interactive elements such as actions. Debug your Flexcard's data output, events, and actions. products: - Omnistudio release: "264" --- # Flexcard Designer Preview (Managed Package) For the managed package runtime, preview your Flexcard's appearance and test functionality before publishing it to a Lightning or Community page. Test how your Flexcard looks on multiple devices. Test the functionality of interactive elements such as actions. Debug your Flexcard's data output, events, and actions. ![Managed Package app icon](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-xcloud-omnistudio_for_managed_packages-264-0-0-production-enus/aa2554ec-624a-4ee6-8da4-6435670e6e62/resources-global/_corporate/images/managedpackageicon.png) This information is for Omnistudio for Managed Packages. For Omnistudio on standard runtime, see [Omnistudio Help](https://help.salesforce.com/s/articleView?id=xcloud.os_omnistudio_standard.htm&language=en_US). ![Important](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-xcloud-omnistudio_for_managed_packages-264-0-0-production-enus/aa2554ec-624a-4ee6-8da4-6435670e6e62/images/icon_important.png) 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. [Update Remote Site Settings to Preview Your Flexcard (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_update_remote_site_settings_to_preview_your_flexcard.htm&release=264.0.0&type=5 "For the managed package runtime, grant access to your org domains to enable LWC features such as Preview. When spinning a new org or new installation, the Tooling API calls necessary for LWC may fail if the Remote Site Settings page in your org does not include the URLs required. The required URLs are your org's lightning.force.com URL and the vf.force.com URL of the Visualforce page that contains the Flexcard Designer.") ![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-xcloud-omnistudio_for_managed_packages-264-0-0-production-enus/aa2554ec-624a-4ee6-8da4-6435670e6e62/images/icon_note.png) Note The Navigate and Omniscript actions don’t work in Preview. Add them to a Lightning or Experience site page to view them. - [Add Test Parameters](https://help.salesforce.com/s/articleView?id=xcloud.os_flexcards_previewadd_test_paramsproperties.htm&release=264.0.0&type=5 "For the managed package runtime, Flexcards Add Test Params properties are available when previewing a Flexcard in the Flexcard Designer. Preview the Flexcard's appearance and functionality before publishing it to a Lightning or Community page. Enter additional test variables that your data source query can use to update your Preview.") Enter additional test variables that your data source query can use to update your Preview. - [Viewport Dropdown](https://help.salesforce.com/s/articleView?id=xcloud.os_view_a_flexcard_at_different_viewport_breakpoints.htm&release=264.0.0&type=5 "For the managed package runtime, adjust the size of your Flexcard's canvas to test for responsiveness. Use the Viewport Dropdown in the Flexcard Designer to mimic the sizes of a desktop, laptop, and smaller mobile devices.") Adjust the size of your Flexcard's canvas to test for responsiveness. Use the Viewport Dropdown to mimic the sizes of a desktop, laptop, and smaller mobile devices. - Reload just the canvas in the Flexcard Designer when previewing and debugging your Flexcard. Refresh reloads the card and resets the data JSON. - View your Flexcard's data JSON. Look for potential issues in how your data source populates elements on your Flexcard before publishing it or sending data to another component such as an Omniscript. The Data JSON panel updates when you interact with the Flexcard. - View your Flexcard's action and event requests and responses from the Action Debugger. Click an actionable item to display its log and associated events. - **[Preview a Flexcard (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_preview_a_flexcard.htm&release=264.0.0&type=5)** 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. - **[Flexcard Designer Data JSON (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_flexcard_designer_data_json.htm&release=264.0.0&type=5)** For the managed package runtime, use the Data JSON feature in the Flexcard Designer's Preview tab to see how your data source populates the elements on the rendered cards of your Flexcard component. Detect potential issues at run time. The Data JSON panel updates when you interact with the Flexcard, such as when entering data in an input field or clicking an actionable item. - **[Flexcard Designer Action Debugger (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_flexcard_designer_action_debugger.htm&release=264.0.0&type=5)** For the managed package runtime, debug your Flexcard's client and server-side actions and events with the Action Debugger in the Flexcard Designer's Preview tab. View requests and responses to see when and where errors occur to determine how to fix them. - **[Flexcards Preview 'Add Test Params' Properties (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_flexcards_previewadd_test_paramsproperties.htm&release=264.0.0&type=5)** For the managed package runtime, Flexcards **Add Test Params** properties are available when previewing a Flexcard in the Flexcard Designer. Preview the Flexcard's appearance and functionality before publishing it to a Lightning or Community page. Enter additional test variables that your data source query can use to update your Preview.