How to Register a Custom Field Component (Angular) in SuiteCRM 8?

👨‍💻 Development Help
,
1

Hi everyone,

I’m trying to create a custom Angular field component in SuiteCRM 8. I want it to have the following custom business logic:

  • Validation: Ensure the field contains exactly 8 characters.

I’ve already:

  1. Created the custom component (phone-number-custom) under defaultExt.
  2. Confirmed that the component builds successfully when running build:defaultExt.

However, I’m stuck on integrating this custom component into a SuiteCRM module. Ideally, I’d like the custom field type to appear in ModuleBuilder (similar to SuiteCRM 7, as described in this guide), but adjusted for SuiteCRM 8’s Angular-based architecture.

Can anyone provide a step-by-step explanation or point me in the right direction?

Thanks in advance for your help!

1 Like
2

I think we can set the validation of phones, emails in .yaml file under config. Can you please try the following

Copy {ROOT}\config\services\ui\ui.yaml at {ROOT}\extensions\defaultExt\config\services\ui\ui.yaml
Change the validation regex expression which is present at the end as shown below

validations:
      regex:
        phone: "^[0-9]{8}$"

Run command : php bin/console cache:clear from the root folder of suite8 instance.
image

1 Like