GithubHelp home page GithubHelp logo

Sidebar item .active about propeller HOT 3 CLOSED

digicorp avatar digicorp commented on May 20, 2024
Sidebar item .active

from propeller.

Comments (3)

sunil-digicorp avatar sunil-digicorp commented on May 20, 2024

Hello,

We have managed .active class code in our admin theme. Please refer to the below link:
http://propeller.in/templates/admin-dashboard/index.html

Else you can also include below code snippet in your template to add .active class:

$(document).ready(function() {
  var sPath=window.location.pathname;
  var sPage = sPath.substring(sPath.lastIndexOf('/') + 1);
  $(".pmd-sidebar-nav").each(function(){
  $(this).find("a[href='"+sPage+"']").parents(".dropdown").addClass("open");
  $(this).find("a[href='"+sPage+"']").parents(".dropdown").find('.dropdown-menu').css("display", "block");
  $(this).find("a[href='"+sPage+"']").parents(".dropdown").find('a.dropdown-toggle').addClass("active");
  $(this).find("a[href='"+sPage+"']").addClass("active");
  });
});

Please let us know if this solution worked for you.

from propeller.

mika76 avatar mika76 commented on May 20, 2024

Hi @sunil-digicorp

I was trying to say that the class .active does not exist in the default template. This means I would have to add the admin template to my project which I don't want to do.

I think you should add it to the standard template, since you have sidebar there and it's weird not to have an active state for a menu.

from propeller.

sunil-digicorp avatar sunil-digicorp commented on May 20, 2024

Hello,
Your point is noted. We will include in out next release.

from propeller.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.