Constellation Custom DX component in Pega #Constellation #CosmosReact #CustomDXComponent

General
, ,
1

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.

Screenshot 2023-07-19 192206.png
Screenshot 2023-07-19 192206.png1827×451 84.2 KB

2

@SravanKumarK16850390 Can you use the 8.8 docs: Pegasystems Documentation

You will find tutorials here with the Field Component tutorial showing you how to create a button that launches a local action.

3

@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

4

@SravanKumarK16850390

Is that resolved for you ?

5

@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

6

@SravanKumarK16850390

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

https://docs.pega.com/bundle/constellation-dx-components-88/page/constellation-dx-components/custom-components/initialize-project.html

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.

Publish Dx Component in Pega Infinity Server V1.pdf (1.45 MB)