Hello,
I've updated Vue3 and PriemVue (from 3.3 to 3.6). and now my pages works like if they were in mobile width,
for example my Dashboard (still using the template from PrimeVue Serenity):
https://ibb.co/0CxpRQW
(Pasting it in [ img ] tags dont work...)
Can you please tell me how can I set it back to normal?
Maybe is it a global breakpoint-variable that not works now?
After PrimeVue update: pages in HD like in mobile
Forum rules
Please note that response time for technical support is within 3-5 business days.
Please note that response time for technical support is within 3-5 business days.
-
- Posts: 560
- Joined: 23 Oct 2020, 09:28
Hi,
Please try to add class like 'p-lg-4', 'p-md-3' for the full responsibility. Dashboard.vue has written with flex and it seems some classes are missing on your side.
Source: https://primefaces.org/primevue/showcase/#/grid
Best,
Please try to add class like 'p-lg-4', 'p-md-3' for the full responsibility. Dashboard.vue has written with flex and it seems some classes are missing on your side.
Source: https://primefaces.org/primevue/showcase/#/grid
Best,
-
- Posts: 19
- Joined: 05 Jun 2020, 10:59
- Location: Hungary
I have those, I didn't change it:
Dashboard.vue
https://drive.google.com/file/d/1lNP7-d ... sp=sharing
How can I find which one is missing, and how could it be missing after an npm upgrade?
Beside that, 2 "unknown options" appeared in Console...:
https://drive.google.com/file/d/1T1G7RV ... sp=sharing
I have p-col-32 class in public\assets\pages\primeflex.css (didn't change that directory),
how is it possible that the application don't use that anymore?
Dashboard.vue
Code: Select all
<template>
<div class="p-grid dashboard">
<div class="p-col-12 p-lg-4">
<div class="task-box task-box-1">
<div class="task-box-header">
<i class="pi pi-refresh"></i>
</div>
...
It seems you are right, for me it seems the browser don't resolve p-col-12 or p-lg-4, etc.some classes are missing on your side
https://drive.google.com/file/d/1lNP7-d ... sp=sharing
How can I find which one is missing, and how could it be missing after an npm upgrade?
Beside that, 2 "unknown options" appeared in Console...:
https://drive.google.com/file/d/1T1G7RV ... sp=sharing
I have p-col-32 class in public\assets\pages\primeflex.css (didn't change that directory),
how is it possible that the application don't use that anymore?
-
- Posts: 560
- Joined: 23 Oct 2020, 09:28
Which PrimeFlex version are you using? Serenity uses version 2.0.0. If it is 3.0.0, please change it to 2.0.0 .
-
- Posts: 19
- Joined: 05 Jun 2020, 10:59
- Location: Hungary
That's it!
Thank you very much!
Thank you very much!
-
- Information
-
Who is online
Users browsing this forum: No registered users and 8 guests