Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: sidenav active missing class

lede premium asked 6 years ago


If I add the class 'active' to the 'collapsible-header' <a> it correctly expands it. If I add it to one of the <a> page items below it, nothing happens. I have added this myself but it should be in your styles already I think because it matches the skin colours. I've added this style:
.navy-blue-skin .side-nav .collapsible li .collapsible-body a.active {
color: rgba(37,207,207,1);
}
This should be in for every skin I think

Marta Wierzbicka staff answered 6 years ago


Hi, we will fix this in another release. Best, Marta  

lede premium commented 6 years ago

Thanks. I just came across another simple style which I think could be included. The skins already style the nav/sidenav/footer/buttons etc. I have added the following style which again I think should be done for each skin: .navy-blue-skin .tabs-skin{background-color:#353b50!important} This way you can class 'nav tabs-skin' for tabs and the colours match the rest of the skin

Marta Wierzbicka staff commented 6 years ago

We will think about adding this option to our tabs. Thank you for the idea.

Richard7424 pro commented 6 years ago

Any ETA on this fix? It's now version 4.5.9 and it's not fixed yet. I'm also seeing the background and border on the sub-menu li and a being incorrect when active. I copied the code straight from the Admin Template. Also, none of the documentation showed how to set any of it active anyways, may want to put that into your Admin Template as well, I had to inspect this site to see how to do it.

Marta Wierzbicka staff commented 6 years ago

We don't have any ETA for this.


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Premium
  • Premium support: Yes
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags