Question
Evoke
IN
Last activity: 8 May 2024 14:54 EDT
Constellation Custom DX component in Pega #Constellation #CosmosReact #CustomDXComponent
I'm trying to create a Custom constellation DX component in Pega 8.8 application based on cosmos react. I have created one using below steps and published into Pega environment as well.
steps followed to create Custom Text input field: 1. Initialized a project using command 'npx @pega/custom-dx-components@1 init' 2. created a new component using 'npm run create' command with all necessary details given. 3. Authenticated with my Pega environment server with OAuth 2.0 Client registraion record details of DX-CustomComponents. 4. Published the component successfully with my open ruleset version.
Screenshot attached has list of components I've imported. I am facing problem in using the new components imported to Pega. As I have created new text input custom field, I should be able to see it while I am configuring new field on views but it is not working. Can someone help me.
Also someone can help me creating custom button in Cosmos react UI.
I have followed below url for reference.
https://docs-previous.pega.com/cosmos-dx-components-cosmos-react/87/initializing-project
Accepted Solution
Updated: 15 May 2024 8:54 EDT
Pegasystems Inc.
US
@UjasM341 did you check if the component is present in your application - when you publish a component, it should create a Rule-UI-Component rule in your ruleset. If this is showing in the displayAs dropdown, likely your component is not loaded in your application
Pegasystems Inc.
GB
@SravanKumarK16850390 Can you use the 8.8 docs: https://docs.pega.com/bundle/constellation-dx-components-88/page/constellation-dx-components/custom-components/custom-components-cosmos-react.html You will find tutorials here with the Field Component tutorial showing you how to create a button that launches a local action.
J P Morgan Chase
IN
@Niall Riddell I am facing the same issue , I have created a component using the link you have shared. I that component is added to my ruleset but when I'm trying to use that in my view , it is not appearing in the "Display As " dropdown for a text field.
not sure if anything is missing
Accepted Solution
Updated: 15 May 2024 8:54 EDT
Pegasystems Inc.
US
@UjasM341 did you check if the component is present in your application - when you publish a component, it should create a Rule-UI-Component rule in your ruleset. If this is showing in the displayAs dropdown, likely your component is not loaded in your application
J P Morgan Chase
IN
Is that resolved for you ?
Updated: 8 May 2024 14:54 EDT
Aaseya
SA
Please find attached PDF Step by Step which I follwed to publish custom Dx Component to Pega Infinity
and access through Constellation
How to publish Dx Component in Pega Infinity Server
Initializing a project
Please find attached PDF Step by Step which I follwed to publish custom Dx Component to Pega Infinity
and access through Constellation
How to publish Dx Component in Pega Infinity Server
Initializing a project
Ctrl+C (Terminate batch job)
Create your custom Component (Mobile Component)
npm run authenticate in Visual Studio.
npm run Publish in Visual Studio.
Successfully Publish Custom component in Pega Infinity Server.
Configure Custom control through App studio
Able to view the custom control in the case.