Custom Renderers for standalone componets Angular

General
1

Hello, I am new to JsonForms! I am exploring customRenderers so I want to know if all components are standalone the customRenderers components are not showing. I try to add in the uischema

 "options": {
      "variant": "stepper",
      "showNavButtons": true
    }

const stepperLayout: RankedTester = rankWith(1, and(
  uiTypeIs('Categorization'),
  categorizationHasCategory,
  optionIs('variant', 'stepper')
));

  renderers = [
    ...angularMaterialRenderers,
    { tester: stepperLayout, renderer: StepperLayoutComponent },
  ];

The component where I set the schema and also the customer components are standalone is that the reason why StepperLayoutComponent not rendering or do I need to have a different setting?

1 Like
2

Hi @daniela,

The rank of 1 is likely far too low to win against other renderers. I would commend trying values like 1000 to verify whether it’s a rank issue. If it still doesn’t win, then it’s because the tester does not apply, i.e. there is no Categorization with variant: 'stepper containing Categorys.

1 Like
3

Hi @sdirix,
Thank you so much for your help the rank was a problem.