Hi Team
I created a custom dx component for our project. It’s a visual representation of data in the form of a set of charts and I implemented as the component type field and subtype Text (Single Line). I’m passing pyID (CaseID) as a parameter to the component, so that it’ll call a Data page in the code.
When I add the component in the case assignment view, I’m able to see the preview message of the component. But when I try it in the run time, I’m not seeing any component in the case view. I network traced and found this in the console
This looks like it could be related to the Content Security Policy (CSP) configured for the application.
Your custom component may be getting blocked because the component is not compliant with the CSP policies defined in the application, or the CSP policy is preventing the resources/scripts required by the custom component from being loaded.
As a temporary troubleshooting step, you can go to the Application Security tab and change the relevant CSP policy from Reject and Report to Report Only. Then try rendering the custom component again.
If the component renders successfully in Report Only mode, that would indicate that the CSP policy is likely the cause.
However, Report Only should only be used for troubleshooting. You should review the CSP violations reported in the browser console/network trace and update the application’s CSP policy to explicitly allow the required resources/domains/directives used by your custom component. Once the policy is corrected, you can switch it back to Reject and Report.
