Closed nikolaosinlight closed 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
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:
The following screen shot shows how the Nav Pills look broken when the 2nd Nav-Pill is set to be active in the HTML:
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
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