After PrimeVue update: pages in HD like in mobile

Post Reply
bodnarlajos
Posts: 18
Joined: 05 Jun 2020, 10:59
Location: Hungary

03 Aug 2021, 11:25

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?

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

03 Aug 2021, 13:21

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,

bodnarlajos
Posts: 18
Joined: 05 Jun 2020, 10:59
Location: Hungary

03 Aug 2021, 15:00

I have those, I didn't change it:

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>
				...
some classes are missing on your side
It seems you are right, for me it seems the browser don't resolve p-col-12 or p-lg-4, etc.
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?

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

04 Aug 2021, 10:23

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 .

bodnarlajos
Posts: 18
Joined: 05 Jun 2020, 10:59
Location: Hungary

04 Aug 2021, 11:14

That's it!

Thank you very much!

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

04 Aug 2021, 14:41

You're welcome!

Post Reply

Return to “Serenity - PrimeVue”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest