TreeSelect without styling in diamond template

Post Reply
jvsdf
Posts: 7
Joined: 26 Nov 2021, 20:54

26 Nov 2021, 21:06

Good afternoon,
I'm trying to use the TreeSelect component in the diamond template with the library in its version 7, but the external styling doesn't work, should I update anything else?
https://photos.app.goo.gl/KQpXoMxSChuHo6RQ7

mcandu
Posts: 92
Joined: 20 Jan 2021, 16:31

06 Dec 2021, 13:45

Hi,

It works fine on my end. Maybe something change you did on styling files cause that issue. Could you please try it with default Diamond theme which you downloaded with no change and let us know.

Best Regards.

jvsdf
Posts: 7
Joined: 26 Nov 2021, 20:54

07 Dec 2021, 16:55

Good morning,
I tried using it on a blank Diamond project as suggested, but without success. To build the css I used the command

Code: Select all

node-sass public/assets -o public/assets --no-source-map
because the suggested in the documentation didn't work for me, claiming a directory error, could that be it?

mcandu
Posts: 92
Joined: 20 Jan 2021, 16:31

09 Dec 2021, 12:58

Code: Select all

sass --watch public/assets:public/assets ---no-source-map
This command should work. Have you tried it ?

And if you are getting error could you please share ?

jvsdf
Posts: 7
Joined: 26 Nov 2021, 20:54

09 Dec 2021, 18:55

Hi,
this is the error when I run the suggested command, I run it in the project root.
https://photos.app.goo.gl/6TDjYUYZ3UdYo5Av9
Does the public/assets/sass/theme/designer folder impact this? because I noticed that there is no treeselect.scss file for example. And I also noticed that it is not monitored by .gitignore, so I believe it is generated during the execution of this command.

mcandu
Posts: 92
Joined: 20 Jan 2021, 16:31

10 Dec 2021, 13:32

We recommend you to use last version of Diamond React which is 6.1.0 for now and 7.0.0 on our roadmap.

Also node-sass is depricated and we replaced it with dart-sass. For last version you should run

Code: Select all

sass --watch public/assets:public/assets --no-source-map
instead of node-sass.

And I can see the designer folder in the zip. There is /public/assets/sass/theme/designer on .gitignore. So if you push your project to github and download it from there. You're not able to see designer folder. Download it from store instead of github.

jvsdf
Posts: 7
Joined: 26 Nov 2021, 20:54

13 Dec 2021, 19:57

thanks! It worked

jvsdf
Posts: 7
Joined: 26 Nov 2021, 20:54

16 Dec 2021, 19:28

Hi,
everything is working fine after the upgrade, however I noticed that the Dialog and BlockUI components lost their dark background color, I tried to roll back the Diamond version 6.0 .scss files and recompile, but it didn't work. In Dialog it's not that impactful, but in BlockUI it is.

Post Reply

Return to “Diamond - PrimeReact”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 4 guests