Profile Menu Style

Forum rules
Please note that response time for technical support is within 3-5 business days.
Post Reply
DougB
Posts: 18
Joined: 07 Jun 2021, 19:09

14 Jul 2021, 01:46

I'm trying to use the built-in standard PrimeVue menu instead of the 'ultima' menu for the profile, so I can use the PrimeVue menu component options.

It basically works, but it doesn't adjust to fill the screen when the viewport is adjusted for mobile screens (I'd like to have behave responsively like the ultima menu). Is there an easy way to do this?

Example

Ultima Menu
Image

PrimeVue Menu
Image

Code: Select all

<Menu
id="overlay_menu" 
ref="menu" 
:model="items2" 
:popup="true" 
/>
...

onTopbarItemClick(event, item) {
  if (item === "search") {
    this.$emit("search-toggle", event);
  }
  if (item === "profile") {
	this.$refs.menu.toggle(event);
	return;
   }

  this.$emit("topbaritem-click", { originalEvent: event, item: item });
},

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

14 Jul 2021, 10:16

Hi,

Unfortunately, I can not see these images. But basically you can override sass/menu/_menu_responsive.scss file like this:

Code: Select all

.p-menu.p-menu-overlay {
       ...
}
Best

Post Reply

Return to “Ultima - PrimeVue”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 2 guests