p-tabView tabs on right side

UI Components for Angular
Post Reply
ujtordai
Posts: 54
Joined: 31 May 2017, 14:18

25 Jul 2017, 17:59

HI All,

Is there a way to align right the TabView tabs?

Thank you in advance.

paulswan
Posts: 94
Joined: 27 Apr 2017, 08:19

26 Jul 2017, 01:15

Read the Orientation section of the TabView documentation:
https://www.primefaces.org/primeng/#/tabview

The RTL documentation may also get you what you want:
https://www.primefaces.org/primeng/#/rtl

ujtordai
Posts: 54
Joined: 31 May 2017, 14:18

26 Jul 2017, 12:15

Hi

Thank you of your response.

I just want to align right the Tabs of the tab view, not the full content of tabs.
Is this possible?

Meanwhile I figured out a solution for it:

p-tabview {
/deep/ {
.ui-tabview .ui-tabview-nav li {
float:right;
}
}
}

enunez8
Posts: 4
Joined: 29 Aug 2021, 19:25

09 Nov 2022, 23:56

my solution

:host ::ng-deep .p-tabview {
display: flex;
flex-direction: row-reverse;
}

:host ::ng-deep .p-tabview .p-tabview-nav {
flex-direction: column;
margin-top: 1rem;
}

primeng

GillenS
Posts: 2
Joined: 18 Nov 2022, 08:03

18 Nov 2022, 08:06

We set the tabs header by providing content to igx-tab-header. To set the tab's name we simply add a span with igxTabHeaderLabel directive. Any content that will appear as a tab item's content should be added between igx-tab-content tags.

Post Reply

Return to “PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 4 guests