Have locked the ruleset and referenced the ruleset in application definition.
After these steps I have been trying to add a Paragraph field and Display as dropdown doesn’t list newly imported components.
But could see the Rule-UI-Component is created for the imported components.
Can someone please help with the above issue.
Thanks in advance
And having an issue when the field type is Text(Single line).
Could you please let me know if there’s a way to rectify this other than setting the field type as Text paragraph as it doesn’t list “display as” option as Signature Capture.
The error is coming due to the length of the property.
As per the guidelines - You need to make sure that the field property is of type text and is long enough to store a complete base64 image (set the length to 50000).
@AlagappanR you are misunderstanding what a Constellation DX component is
this is a way to extend the OOB Pega Constellation UI which is built on React - The SDKs serve a very different objectives and are about building a complete application using a different design system and different framework
the Angular SDKs comes with some OOB components - You can extend it by creating our own Angular components -
Have created a new folder for SIGNATURE CAPTURE.
But application is not able to refer to the below mentioned folder and ends up saying DefaultForm wants component not yet available: Pega_Extensions_SignatureCapture
Can you please help me on the above.
The .HTML file is a dummy placeholder to check if the newly added content is being referred.
.Ts file holds the reference from app.module.ts
But have found that the commands from the above link are downloading component builder packages which includes React dependecies and I am trying to create a component associated to angular.
Can you please confirm if the package can be downloaded for angular or do I have to create the folder structure manually for angular.
Also having doubts around npm run create command. As the command is creating a react component structure and what i expect is an angular component.
Would be more helpful to know if there’s a documentation listing out the steps for the above two ask.
@AlagappanR angular SDK comes with its own environment and tool to create a new component - you should NOT use the Constellation UI Gallery.Pegasystems Documentation
Yeah. I haven’t been using the Constellation UI gallery now after understanding there is a separate environment using dx component builder.
Now I am stuck trying to intialise a angular project as whenever i run npx @pega/custom-dx-components@23 init is initialising a project with react node modules. Can you please let me know if there is a way to initalise a component builder environment with angular modules.
And please confirm if the angular folder inside src/components structure have to be manually created.
Starting from version SDK-A 23.1.10, the Custom Component Builder is integrated into the Angular SDK. If you are using Angular SDK 23.1.10 or later, you can easily run DXCB commands directly within the Angular SDK. For guidance on creating custom components, refer to this documentation.
For older versions of the Angular SDK, you can manually create a folder for the custom component and add an entry in the loca-component-map.ts file as shown below:
import SignatureCaptureComponent from '../components/signature-capture.component';
"Pega_Extensions_SignatureCapture": SignatureCaptureComponent
@Anaga Iyeras your question is unrelated to the original issue, please post this new question as a New Question and feel free to refer to this post and tag any SME you would like to reference.
