creativetimofficial / ct-soft-ui-dashboard-pro

Soft UI Dashboard Pro - Bootstrap 5 Admin
34 stars 6 forks source link

Nav-Pill Moving-Tab Broken If Active Pill Is 2nd or Greater #45

Closed nikolaosinlight closed 2 years ago

nikolaosinlight commented 2 years ago

Just take the "pricing.html" example and all is well when the 'active' pill is the 1st one i.e. Monthly

However if you modify the page so the 2nd pill is 'active' on page load it fails with the moving-tab div being broken and just showing a - over the Monthly pill

The following screen shot shows how the Nav Pills look on the default pricing.html page:

Screen Shot 2022-08-20 at 7 13 58 PM

The following screen shot shows how the Nav Pills look broken when the 2nd Nav-Pill is set to be active in the HTML:

Screen Shot 2022-08-20 at 7 14 08 PM

To reproduce the following shows the default on the left-side and the 2nd Nav-Pill on the right side - simply add/remove the changes in red to reproduce

Screen Shot 2022-08-20 at 7 13 00 PM

It appears the issue is quite likely in soft-ui-dashboard.js in initNavs() but I do not have the cycles to debug this.

Hoping someone can easily look into this and resolve as our FAQ is using Nav-Pills and we NEED to be able to load the appropriate tab content based on a URL parameter and right now the moving-tab just becomes a dash and breaks

--Nikolaos

github-actions[bot] commented 2 years ago

@nikolaosinlight this issue was automatically closed because it did not follow the bellow rules:


IMPORTANT: Please use the following link to create a new issue:

https://www.creative-tim.com/new-issue/soft-ui-dashboard-pro

**If your issue was not created using the app above, it will be closed immediately.**

Love Creative Tim? Do you need Angular, React, Vuejs or HTML? You can visit:
👉  https://www.creative-tim.com/bundles
👉  https://www.creative-tim.com