Make Ultima working with PrimeVue 3.5

Forum rules
Please note that response time for technical support is within 3-5 business days.
Post Reply
owlookit
Posts: 9
Joined: 10 Apr 2021, 20:11

18 May 2021, 21:41

Hi there,

could you please let me know how can I make Ultima working with PrimeVue 3.5 components or make an upgrade? Partially, I would like to use TreeSelect in Ultima.

Thanks a lot in advance.

Best,
Ruslan

tugce.kucukoglu
Posts: 560
Joined: 23 Oct 2020, 09:28

20 May 2021, 11:11

Hi,

You could upgrade your project's PrimeVue version to 3.5.0 and then you need to import new components, for example:

src/main.js

Code: Select all

import TreeSelect from 'primevue/treeselect';
app.component('TreeSelect', TreeSelect);
Best,

owlookit
Posts: 9
Joined: 10 Apr 2021, 20:11

20 May 2021, 13:09

Awesome, thanks for the quick reply!

Cheers,
Ruslan

tugce.kucukoglu
Posts: 560
Joined: 23 Oct 2020, 09:28

20 May 2021, 14:29

Not at all.

Best,

owlookit
Posts: 9
Joined: 10 Apr 2021, 20:11

20 May 2021, 17:44

Hi again,

I've successfully upgraded PrimeVue to 3.5 and get the component imported but need a one more your advice.

I got stuck due to a weird issue with the Checkbox TreeSelect.

I took the sample with TreeSelect checkboxes from PriveVue demo
https://primefaces.org/primevue/showcase/#/treeselect
and getting this
https://video.drift.com/v/abRPEHYYLWw/

As you can see the input box element initially looks and works different from the original one while the TreeSelect is fine. Should I import any other nested component, or? Please help.

Thanks,
Ruslan

tugce.kucukoglu
Posts: 560
Joined: 23 Oct 2020, 09:28

21 May 2021, 10:59

Hi,

It is no need to import another component for working with TreeSelect. It seems you didn't add display="chip" prop.

Working example: https://codesandbox.io/s/checkbox-with-treeselect-7mtl2

owlookit
Posts: 9
Joined: 10 Apr 2021, 20:11

21 May 2021, 16:13

Superb, it works, thanks for the quick feedback.

Best,
Ruslan

tugce.kucukoglu
Posts: 560
Joined: 23 Oct 2020, 09:28

28 Jun 2021, 08:42

Hi,

No problem.

Best,

bdomingo
Posts: 1
Joined: 04 Aug 2021, 13:11

04 Aug 2021, 13:26

Hi,

I tried updating primevue 3.3.2 to primevue 3.6.0 now I' getting the error below.
I tried running

Code: Select all

npm install --save @fullcalendar/core/vdom chart.js/auto
as the error message suggests but I get another error.
Can you help me resolve this? Thank you.

Code: Select all

ERROR  Failed to compile with 2 errors                                                                                                                                                                    7:18:22 PM

These dependencies were not found:

* @fullcalendar/core/vdom in ./node_modules/primevue/fullcalendar/fullcalendar.esm.js
* chart.js/auto in ./node_modules/primevue/chart/chart.esm.js

To install them, you can run: npm install --save @fullcalendar/core/vdom chart.js/auto
Cheers

tugce.kucukoglu
Posts: 560
Joined: 23 Oct 2020, 09:28

06 Aug 2021, 08:36

Hi,

PrimeVue 3.6.0 uses

Code: Select all

"chart.js": "3.3.2",
"@fullcalendar/core": "^5.7.2",
"@fullcalendar/daygrid": "^5.7.2",
"@fullcalendar/interaction": "^5.7.2",
"@fullcalendar/timegrid": "^5.7.2",
"@fullcalendar/vue3": "^5.7.2"
Please update package.json and in main.js file remove these lines

Code: Select all

import '@fullcalendar/core/main.min.css';
import '@fullcalendar/daygrid/main.min.css';
import '@fullcalendar/timegrid/main.min.css';
There is no need to install listed below packages.

Code: Select all

npm install --save @fullcalendar/core/vdom chart.js/auto
For the next version these are will be updated.

Thanks for your understanding.

Post Reply

Return to “Ultima - PrimeVue”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest