New UI Block doesnt show up on selector

Hello everyone,
My company wants to use corteza as the main place to incorporate our services and other things and so the need for other UI blocks started showing up and i has tasked with figure out how we could develop them.

Custom Ui Blocks
navigational page block

Now i have seen this older post and checked how others implement the blocks to try to get a better idea of how it is done. Im aware that currently mine probably doesnt follow the usual structure yet but its something i will work on.

I made a fork repo and based on the code i saw i made a small component meant to show just some text (its static, i just wanted to see how it works) but i didnt have much luck since when i try the code i cant see it on the selector.

This is probably my fault, since im not used to working with some of these things so im sorry if its something simple but thanks for all the help.

Maybe i need to change the packages so that i use the ones i have locally instead of the online ones or im doing the docker images wrong so if anyone could help me with that i would appreciate it.

Just to make sure, i didnt forget any files im going to write down the list of the ones i changed:
i made the base.vue component inside the pageblocks
i added the label, block and image ro the selector
i imported it and added it to the register in index.js and also imported the image to the other index.js
in index.ts i exported the pageblock
and created a box.ts for the page block too

Again thanks for any help and sorry for causing problems

1 Like

Hello everyone,
after some struggle i made it β€œwork”, In quotations marks because i had to make new docker files to run the local directories and another one to create a database inside the docker.
Currently, i have access to the login screen which works and allows me to create an user but after that everything stops using the css styles and i dont know why.
When expecting the page they seemed to be there and at least i could confirm that yes my component is there too but since im having this issue with the style i dont have acess to the button to open the selector or test it, or do much else.
The frontend is currently running via yarn serve on my compose folder and the backend/server is running on docker. When i press the ip to enter the frontend it redirects me to the ip of the backend and then back to the ip of the frontend where it stops having the css style.

This is the steps to start contributing to Corteza.

FE Requirements: Node 20, yarn
BE Requirements: go 1.24.1, and a pgsql/mysql database

  1. Clone repository on branch 2024.9.x (latest released)
  2. Move into repository and run make dev
  3. Create a DB and create/configure the .env file (server/.env), take a look at the .env.example
  4. Move into a client (client/web/compose for example) and create a config.js in the public folder, take a look at the .example config for reference
  5. Run yarn serve in a client directory to server the webapp

If you make changes to the lib files (vue/js) you need to run make dev inside the lib folder, to rebuild the packages.

Hi @jfortun, thanks for the reply.
I did like you said just now and i still run into issues at times but i will make sure to say something if that is the case.

I had a problem sometimes with a notification function where the code would say it wasnt a function and was being called incorrectly. You guys might want to look into that in case its some functionality that you are working on.

I dont know if you ended up seeing the email i sent, but im still planning on making the post with the step by step so the others dont have to be looking for this post.

Thanks for the help!

It’s probably due to how you cloned and set up your local instance.
It all works well on our side.