Change order of spans PanelMenu

UI Components for Angular
Post Reply
silvanomatta
Posts: 10
Joined: 21 Jan 2017, 11:58

10 Jul 2018, 23:07

Hello everyone.

I would like to know if it is possible to change the order of the spans of the menu panel.
for example.

First - the text label
second arrow
Third - Icon

Thank you

andrielson
Posts: 1
Joined: 18 Oct 2019, 01:05

13 Nov 2020, 02:25

Hi,

Yes, it is possible.

In PrimeNG 10, the Panelmenu header uses Flex layout.
So, one can change the order of the items by using the CSS property "order".

Example:

Code: Select all

.p-panelmenu {
       // the chevron (arrow) icon
        .p-panelmenu-icon {
            order: 3; //here we are moving it to last position
            margin-left: auto;
        }
}
Other classes are:
  • p-menuitem-icon
  • p-menuitem-text

Post Reply

Return to “PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: shajanmt and 9 guests