How to create/add a new UI blocks

🖌 UX (User Experience)
#1

Hi. Is there and documentation available on how to create a new UI block or can someone provide any pointers on how to do that?

So for example I want to add some sort of tab blocks, or some custom UI for example a client side pivot block by copying and modifying the list block etc.

Issues trying to build out the webapp-compose repo
Setting up filter on global variable
#2

Keep in mind that this can only be done in the code; there is currently no UI for this.

We don’t have any instructions on how to do this, but you can use our latest comment page block to see how this can be done.

In short you need to:

  1. provide TypeScript definitions in the corteza-js package
  2. provide the configuration UI on the Compose webap
  3. provide the actual UI on the Compose webap
  4. register the components in the registry and add meta bits such as translations

I would suggest we firstly see if this is something we could have in the core project as this will require you to build your own JS packages and containers, adding to complexity.

2 Likes
#3

Thanks for the pointers. I will look into the commits.