JQuery :: Superfish Vertical Menu Blues

Apr 12, 2011

I'm using the Superfish vertical menu to develop an online book. My vertical menu which consists of chapters and sections place on the side of my page, and is long enough to show all of the main items. However, as the chapters get lower in the page, the submenu items (my section names) get cutoff (there's not enough room to show all subitems for the final 2 chapters). So, I guess I have 2 questions:

1) Is there some sort of option to tell Superfish to realize "Hey, not enough room for the menu, so I need to move the submenu up higher" and if not

2) Could someone give me some direction as to how I might be able to move "up" a few of my submenus by diving into the code? In other words, instead of the first item in my submenu visually matching up with the main option, have the 3rd or 4th visually matchup, thereby giving me the extra space needed when close to the bottom of the page.

View 1 Replies


ADVERTISEMENT

JQuery :: Superfish: Vertical Menu With Horizontal Submenu?

Nov 16, 2011

I'm wondering how to modifiy the vertical menu of superfish to let the submenu appear horizontal next to the parent menu element:123 3a 3b 3c45I just spent some hours searching on Google andplayed around with the CSSbut could not manage to fix it.

View 1 Replies View Related

JQuery :: Making Vertical Superfish Menu Drop Left?

Jul 17, 2009

Is there anyway to make a vertical super fish menu drop left? I have positioned the menu on the right side of the page so, I need sub-menus to drop left. Is this possible?

View 1 Replies View Related

JQuery :: Superfish Vertical Menu - Change It To Display Submenus On Left?

May 3, 2009

Love this menu. This menu will be appearing in module on right hand side of page. So I need the submenu to display on left, not right. So how to make this a right to left menu? I've played around a bit and have had no luck yet. I've used the navbar on another site and I'd really like to use this vertical menu too.

View 1 Replies View Related

JQuery :: Can Superfish Be Vertical On The Right Side Of The Page

Jul 18, 2009

I would like to know if there is any way to control a vertical superfish so that it sits on the right side of the page and the menus drop left?

View 1 Replies View Related

JQuery :: 2 Superfish Menus On One Page (1 Vertical, 1 Horizontal)?

Apr 23, 2009

I can get them both to display but I need to style each one differently I have copied the basic styles and renamed them xx2 and then renamed the ul class to match but it doesn't like it!

View 1 Replies View Related

JQuery :: Does Supersubs Work With Superfish Menus In Vertical Mode

Jun 25, 2009

Trying to get the Superfish menus to work in vertical mode, whereby each list item is a single line, and the next menu down sits to the
right of that menu. For normal horizontal menus you use the Supersubs option when you call Superfish, but the superfish-vertical.css you need to make the menus layout vertically, seem to overwrite the widths of the UL's and LI's.

View 1 Replies View Related

JQuery :: Modified Superfish Vertical Menus So The Flyout Is To The LEFT?

Oct 26, 2009

Has anyone modified Superfish vertical menus so the flyout is to the LEFT? How?

View 1 Replies View Related

JQuery :: SuperFish Menu - Change Space Between Menu And Submenu In Navi-bar Type Menu?

Feb 15, 2011

I have trouble with SuperFish Menu, of course it looks very nice and is good solution, but I am not advanced in CSS language.how to change space between menu and submenu in Navi-bar type menu? Now sobmenu hide part of menu, I have to must space.....

Attachments
superfis.JPG
Size : 11.4 KB
Download : 306

View 1 Replies View Related

Vertical Menu - Height Of The Second Level Menu Results In Their Being Gaps In Between Each Menu Item

Jun 3, 2009

The problem is that the height of the second level menu results in their being gaps in between each menu item so that as you move your mouse down the second menu items it quickly closes again. scripting novice fix this by telling me which variable I need to change either in the Java script or the CSS files.

View 2 Replies View Related

JQuery :: Make The Menu Items A Fixed Width In A Horizontal Superfish Menu?

Jan 19, 2011

how to make the menu items a fixed width in a horizontal Superfish menu . I've tried mucking about with the CSS but no luck so far. I'm sure it's easy, but I can't seem to work it out.

View 9 Replies View Related

JQuery :: Superfish Menu - Showing Submenus On The Left Of Parent Menu?

Mar 4, 2011

I'm using superfish menu jquery plugin, and I'm wondering if someone know how to update plugin that you can decide if sub - sub menus wil be shown on the right (that is in the original) or on the left side of the parent menu.

The problem is, that if the last menu is near the end of the browser, than the sub - sub menu will go off side the browser.

View 2 Replies View Related

JQuery :: Superfish Menu Plugin - How To Disable Menu Items?

Oct 31, 2009

I'm thinking of using this plugin for my menus. Is there an easy way to display a menu item in a disabled state?

View 1 Replies View Related

JQuery :: Superfish Menu - Different Color For Different Menu Items?

Jan 7, 2010

Can we keep different color for different menu items .

View 1 Replies View Related

JQuery :: Superfish Menu: Blank Space At The End Of The Menu?

Jul 29, 2011

I'm curious if anyone knows how to fix this. Most of the content of my page is 940px wide. The superfish menu, expanding as it should to fit my drop-down heading text, is only about 700px wide. I want to apply a color background to the div that the superfish menu is housed in so that the menu appears to be 100% width.

For some reason, in webkit and firefox, the color of the div that the menu is contained in does not show up, so there's just an empty space in that last 25% or so of the bar.

In IE, it looks correct, though. (the color of the containing div shows through the blank space in the menu, making the menu bar appear to fill the entire width).

Am I missing something in the Superfish menu that makes it appear at 100% width?

View 1 Replies View Related

JQuery :: Superfish Menu With Struts 2 Gap In Menu

Sep 24, 2011

I am using the Jquery Superfish menu within a struts 2 web app. As seen in the attachment, The menu is appearing and the hover delay is working but there are gaps between each menu and its sub menu. Also the root menu items are not all the same with. I am using the example code without changing it. how to get rid of these gaps ?

View 1 Replies View Related

New JS Vertical Menu Up - Set The Menu To Automatically Expand On Mouse Rollover Instead Of Click?

May 6, 2010

How can I set the menu to automatically expand on mouse rollover instead of click? Here is the code as it stands right now:

$(document).ready(function () {
$('img.menu_class').click(function () {
$('ul.the_menu').slideToggle('medium');
});
});

Second Question: For some reason, the menu is appearing behind a table row when it expands, thus hiding a good portion of the menu. Here it is: [URL]

Try clicking on 'Products & Services', and then clicking on "Centerfire Rifle Suppressors" from the dropdown menu. When it takes you to that category page, click the menu again and you will see that the menu hides behind the <h1> table row.

View 2 Replies View Related

JQuery :: Slide-down Vertical Menu?

Feb 26, 2010

This is my HTML code:

Code:

<div id="vnav">
<ul>
<li>
<a href="index.php">Home</a>

[code]....

It's basically a vertical list of links, with more specific links hidden inside categories. When you click a category, the specific links should slide down. This is the JS/jQuery part:

Code:

<script type="text/javascript">
function slidey() {
$("#vnav ul li ul").slideDown("slow");

[code]....

so the problem here is that when you click a category, it expands ALL sub-categories and it's supposed to just expand the sub-categories related to the section clicked.

View 4 Replies View Related

JQuery :: The Checkbox Blues/looping Listeners?

Apr 23, 2010

I have a quandary of sorts here dealing with a list of checkboxes and the hiding/showing of a few divs associated with the checkbox selection. Here's basically what I need to do: Hide the lower div if no checkbox is selected. If any one of the first 6 checkboxes are selected, and NOT any of the remaining 6, then show the div. If at any time during selection one of the remaining 6 checkboxes are selected, then hide the associated div. Note this code doesn't really do much. I'm still trying to architect a solution that's best.

var aThroughf = false;
var gThroughl = false;
$('[name="'+q2030.name+'"]')).live('click', function() {

[code]....

View 16 Replies View Related

JQuery :: Vertical Menu Plugin Recommendation?

Oct 20, 2011

Can any one recommend a vertical menu plugin that could be used in a sidebar. I've used Superfish, but I don't care for fly-outs and would prefer a collapsable version that drops straight down on click or mouse over.

View 1 Replies View Related

JQuery :: CSS - Superfish Menu - Change The Inactive Color Of The Sub-menu Without Changing The Inactive Color Of The Principal Menu?

Oct 6, 2009

I have installed Superfish menu module with Joomla ..Customization work more less fine ...I still have tenious problem like :

- How to have the main menu with the active color, when one of the sub-menu has been actived ?

- How to change the inactive color of the sub-menu without changing the inactive colro of the principal menu ...I did not found any information on the web ..

View 2 Replies View Related

JQuery :: Collapsible Vertical Menu - How To Target Next Element

Sep 12, 2011

I have a following menu that I'd like to be collapsible.
<ul id="#menu-sidebar">
<li>Menu item 1
<ul><li>Menu item 1.1</li>
<ul></li>
<li>Menu item 2
<ul><li>Menu item 2.1</li>
</ul></li></ul>
This collapses and expands them, but of course all at same time.
$('#menu-sidebarli ul').hide();
$("#menu-sidebarli").click(function(){
$("#menu-sidebarli").toggle();
$(this).toggleClass("active");
});
I've been trying to experiment with the .next() trying to get the next ul li ul element but with little luck.
$('#menu-sidebar li ul').hide();
$("#menu-sidebar li").click(function(){
$("#menu-sidebar ul li").next().toggle();
$(this).toggleClass("active");

View 3 Replies View Related

JQuery :: Vertical And Horizontal Tab Menu In A Single Page?

May 7, 2009

I am using both horizontal and vertical tab menu's in a single page. And on click of horizontal tab should select the corresponding vertical tab and along with the data linked to vertical data will be displayed in different div on the page. I am stuck with how to poputale these using jquery.

View 1 Replies View Related

JQuery :: Center A Superfish Menu?

Mar 23, 2010

I ma just trying to figure out how I might center a superfish menu - and possibly make the top level LIs 'auto size'. It sees the menu will only float left or right. Of course I am not a css guru either - it could be staring me in the face.

View 2 Replies View Related

JQuery :: Hiding A Menu In Superfish?

May 17, 2009

I want to make a dynamic menu where the items being shown depends on the access of the user. I tried having a code in codebehind of my aspx page that will set a certain li to style display none, but when viewed in IE6 I get a white space within the menu.

View 1 Replies View Related

JQuery :: Superfish As Popup Menu?

Aug 4, 2009

I am in the process of replacing a YUI menu implementation with Superfish. Is there an easy way to implement a popup menu? Something like:[URL]..

View 2 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved