I have installed the theme and absolutely love it. The only thing that I cannot figure out is how to use Active Menu or something similar to prevent page refreshes when navigating the navigation menu in the left sidebar. I have Active Menu setup and working on several other themes, but it will not work on this theme. Is there something simple that I am missing?

Comments

bighoffa’s picture

One other thing to mention is that the drop-down menus in primary links is working fine when hovering. I would think that the navigation drop-down menus would work the same way, but I cannot get them to work that way.

Altaisoft’s picture

"DHTML Menu" module works fine for me.

Jacine’s picture

Does anyone have time to test this? I don't...

aimutch’s picture

Is this the module that the user was having a problem with?

http://drupal.org/project/activemenu

bighoffa’s picture

Yes. I am using D6, and cannot get menus to automatically expand without refreshing the page. I sort of had it working on D5, but it was a kludge. Does anyone have js or jquery menus working with this theme and D6?

aimutch’s picture

I'll load up the module and give it a test drive. I wanted to make sure it was still an issue before going down that road.

aimutch’s picture

Is there a demo of this available online? I get the concept but I'm not sure I can troubleshoot it without seeing it in action.

aimutch’s picture

Never mind, I can view this in Garland theme and see how it works. Based on what I'm seeing, it's probably going to require some hacking of the theme or Activemenu code to get this to work.

aimutch’s picture

OK, this is a bit of a hack and not as pretty as the Garland theme but should get you started.

First, upload these three images from the Garland theme into the Sky theme images directory:

menu-leaf.gif
menu-expanded.gif
menu-collapsed.gif

Next, comment out the code in Sky theme's appearances.css in the "Sidebar" section between "Level 1" and "Level 2". Leave the remaining Level 2 and 3 code in place. In place of what you just commented out, add this code:

.sidebar li, .sidebar ul.menu li {
  padding: 0 0 .2em 1.5em;
  list-style-type: none;
  list-style-image: none;
  background: transparent url('../images/menu-leaf.gif') no-repeat 1px .35em; /* LTR */
}

.sidebar ul.menu li.expanded {
  background: transparent url('../images/menu-expanded.gif') no-repeat 1px .35em; /* LTR */
}

.sidebar ul.menu li.collapsed {
  background: transparent url('../images/menu-collapsed.gif') no-repeat 0px .35em; /* LTR */
}

.sidebar ul.menu li.leaf a, .sidebar ul.menu li.expanded a, .sidebar ul.menu li.collapsed a {
  display: block;
}

This allows you to click on the new arrow images causing the menus to expand and contract without reloading the page. It's not as elegant as the Garland version and I didn't spend the time to figure out how to cause the rotating image to appear or to pretty up the menus. That should be a good start for anyone who wants to work out the remaining code to make this work consistently with the ActiveMenu code.

aimutch’s picture

Version: 5.x-4.x-dev » 6.x-2.x-dev
bighoffa’s picture

Thank you for the quick response. I am going to give it a try today. I will let you know how it is working for me.

Jacine’s picture

Status: Active » Closed (fixed)

I assume aimutch's code helped ;) Thanks!