Menu item - User Profile | tab order

  • reilldesign
  • Topic Author
  • Offline
  • Senior Member
  • Senior Member
More
2 years 5 months ago #147874 by reilldesign
Menu item - User Profile | tab order was created by reilldesign
is there a way to change the order of the tabs?

we would like to have »my articles«  in the first place and shown.

Please Log in or Create an account to join the conversation.

More
2 years 5 months ago #147879 by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic Menu item - User Profile | tab order
Hello

No, it is not possible. The tab such as Profile, My Subscriptions, Subscriptions History will always be displayed at the first position before other tabs (rendered by plugins)

If you want to change position, unfortunately, code modification will be needed. The file is components/com_osmembership/view/profile/tmpl/default.php , unfortunately, it is not something quick and easy

Tuan

Please Log in or Create an account to join the conversation.

  • reilldesign
  • Topic Author
  • Offline
  • Senior Member
  • Senior Member
More
2 years 4 months ago #147889 by reilldesign
Replied by reilldesign on topic Menu item - User Profile | tab order
can you please give me a hint where i have to make changes to have due article open in the first place. i can't find the article tab in the code unfortunately.

components/com_osmembership/view/profile/tmpl/default.php

Please Log in or Create an account to join the conversation.

More
2 years 4 months ago #147893 by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic Menu item - User Profile | tab order
Please try to use this modified file. It could be a good start

Tuan
Attachments:

Please Log in or Create an account to join the conversation.

  • reilldesign
  • Topic Author
  • Offline
  • Senior Member
  • Senior Member
More
2 years 4 months ago #147911 by reilldesign
Replied by reilldesign on topic Menu item - User Profile | tab order
thank you for the help.
since the overview of all purchased content and plans is in the foreground and changing the user settings is rather rare, this would be a great feature request [discussion].

Please Log in or Create an account to join the conversation.

More
1 year 9 months ago - 1 year 9 months ago #152752 by ozneilau
Replied by ozneilau on topic Menu item - User Profile | tab order
Since the tablist div is a flex item, the tabs can be re-ordered using custom CSS like this or similar:

Code:
button[aria-controls="profile-page"] {order: 4;} button[aria-controls="my-subscriptions-page"] {order: 2;} button[aria-controls="subscription-history-page"] {order: 3;} button[aria-controls="tab_1"] {order: 1;}

You can add some custom JavaScript to change the active tab on page load like this or similar:

Code:
window.onload = function() {   document.querySelector('button[aria-controls="tab_1"]').click(); }
Last edit: 1 year 9 months ago by ozneilau.
The following user(s) said Thank You: Tuan Pham Ngoc

Please Log in or Create an account to join the conversation.

  • reilldesign
  • Topic Author
  • Offline
  • Senior Member
  • Senior Member
More
1 year 8 months ago #153064 by reilldesign
Replied by reilldesign on topic Menu item - User Profile | tab order
@ozneilau

thanks for the tip! it's working great

Please Log in or Create an account to join the conversation.

More
1 year 8 months ago #153066 by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic Menu item - User Profile | tab order
Also want to thanks @ozneilau for sharing the solution !

Tuan

Please Log in or Create an account to join the conversation.