Jump to content

Download: ProMenu Basic


Robert Simons

Recommended Posts

  • Replies 858
  • Created
  • Last Reply

Anybody else having issues with Promenu submenus and Firefox 10.0.1? IE9 and Chrome work just fine, but FF is really ruining my day.

I can hover over a top menu and scroll freely through the dropdown, but as soon as i try to navigate to any of the left or right opening submenus, it closes as if i moved the mouse away from the menu altogether. Real bummer!

I'm hoping to at least get confirmation from other FF users. Let me know! Thanks.

(default 3.2.3 skin, btw)

Link to comment

Anybody else having issues with Promenu [u]submenus[/u] and Firefox 10.0.1? IE9 and Chrome work just fine, but FF is really ruining my day.



I can hover over a top menu and scroll freely through the dropdown, but as soon as i try to navigate to any of the left or right opening submenus, it closes as if i moved the mouse away from the menu altogether. Real bummer!



I'm hoping to at least get confirmation from other FF users. Let me know! Thanks.



(default 3.2.3 skin, btw)




no one has reported any issues as of yet about FF 10.0.1 (any FF version for that matter)..I run it myself w/o issue

you have the same results on the demo build?
Link to comment

Thanks for mentioning the demo build. Yup, looks like I'm having the same problem there as well.




I'm curious if others are having any issues .. but as far as I know..your the first .. which means it could be localized to your machine .. have another rig you can test on that has the same browser?

I tested on all the rigs here..same results..fine across the board
Link to comment

Edit: This was an issue with my install of firefox.

It would be awesome if this were limited to only my machine actually. Cranking up a couple other machines to test.

In the mean time, here is a quick (excuse the low res) video I recorded just to provide a more accurate demonstration of what I'm seeing:

http://www.youtube.com/watch?v=dbl5OcJXZd4

Apparently I can get around if I move the mouse slow enough, but as soon as I attempt natural movement like I'm able to do in other browsers it starts to misbehave.

Link to comment

Tested on two other computers. One XP the other Win 7 home premium. No problems!



Looks like there must be an issue with my install of FF on my main rig. Thanks for your time Robert. At least now if any of my users complain about the menus not working correctly I can suggest using a different browser or reinstalling FF.




no problem..glad to be of help
Link to comment

Hi,



Maybe I'm blind but I can't seem to find how to adjust the height of the submenus? Because of the design of my page they become a bit bulky ;-)




if your referring to the submenu padding .. your not blind..there is nothing in place to define it specifically....

add this to the promenu stylesheet .. adjusting the padding to suit your needs


#primary_nav .promenu ul li a

{

		padding: 0px 0px 0px 0px !important;

}




Hi,



And thanks for a great menu that just works, and your friendly support!



regards,


claus




no problem..my pleasure :D
Link to comment

after doing some playing..I can see how it can be confusing ... next release will take this into consideration...

moving the padding to the 'a' calls and removing them from the arrow indicator images seems more appropriate....

for those wishing to make the adjustments now ...

find


#primary_nav .promenu a

{

  text-shadow: none !important;

}

replace with this (making the adjustments to suit your original needs)


#primary_nav .promenu a

{

  padding: 6px 20px 8px 10px; /* Change this to alter your top level menu padding */

  text-shadow: none !important;

}


#primary_nav .promenu ul li a

{

  padding: 4px 20px 6px 10px !important; /* Change this to alter your submenu level padding */

  text-shadow: none !important;

}

then find


/* INACTIVE ARROWS FIRST >.< ALTER AT YOUR OWN RISK*/

#primary_nav .promenu a.inactive.down_arrow

{

  background:#1C3B5F url({style_images_url}/_menu_icons/down_arrow.png ) no-repeat right 12px !important;

  padding: 6px 20px 8px 10px;

}

#primary_nav .promenu a.inactive.right_arrow

{

  background:#1C3B5F url({style_images_url}/_menu_icons/right_arrow.png ) no-repeat right 6px !important;

  padding: 6px 20px 8px 10px;

}

#primary_nav .promenu a.active.down_arrow

{

  background:#fff url({style_images_url}/_menu_icons/down_arrow_active.png ) no-repeat right 12px !important;

  padding: 6px 20px 8px 10px;

}

#primary_nav .promenu a.active.right_arrow

{

  background:#fff url({style_images_url}/_menu_icons/right_arrow_active.png ) no-repeat right 6px !important;

  padding: 6px 20px 8px 10px;

}

#primary_nav .promenu a.active:hover.down_arrow

{

  background:#fff url({style_images_url}/_menu_icons/down_arrow.png ) no-repeat right 12px !important;

  padding: 6px 20px 8px 10px;

}

#primary_nav .promenu a.active:hover.right_arrow

{

  background:#fff url({style_images_url}/_menu_icons/right_arrow.png ) no-repeat right 6px !important;

  padding: 6px 20px 8px 10px;

}

#primary_nav .promenu a.active.right_arrow:hover, #primary_nav .promenu a.inactive.right_arrow:hover, #primary_nav .promenu a.active.down_arrow:hover, #primary_nav .promenu a.inactive.down_arrow:hover

{

  background-color:#173455!important;

}

and replace with


/* INACTIVE ARROWS FIRST >.< ALTER AT YOUR OWN RISK*/

#primary_nav .promenu a.inactive.down_arrow

{

  background:#1C3B5F url({style_images_url}/_menu_icons/down_arrow.png ) no-repeat right 12px !important;

}

#primary_nav .promenu a.inactive.right_arrow

{

  background:#1C3B5F url({style_images_url}/_menu_icons/right_arrow.png ) no-repeat right 4px !important;

}

#primary_nav .promenu a.active.down_arrow

{

  background:#fff url({style_images_url}/_menu_icons/down_arrow_active.png ) no-repeat right 12px !important;

}

#primary_nav .promenu a.active.right_arrow

{

  background:#fff url({style_images_url}/_menu_icons/right_arrow_active.png ) no-repeat right 4px !important;

}

#primary_nav .promenu a.active:hover.down_arrow

{

  background:#fff url({style_images_url}/_menu_icons/down_arrow.png ) no-repeat right 12px !important;

}

#primary_nav .promenu a.active:hover.right_arrow

{

  background:#fff url({style_images_url}/_menu_icons/right_arrow.png ) no-repeat right 4px !important;

}

#primary_nav .promenu a.active.right_arrow:hover, #primary_nav .promenu a.inactive.right_arrow:hover, #primary_nav .promenu a.active.down_arrow:hover, #primary_nav .promenu a.inactive.down_arrow:hover

{

  background-color:#173455 !important;

}

Link to comment

Correction:

find


#primary_nav .promenu a

{

  text-shadow: none !important;

}

replace with this (making the adjustments to suit your original needs)


#primary_nav .promenu a

{

  padding: 6px 10px 8px 10px; /* Change this to alter your top level menu padding */

  text-shadow: none !important;

}


#primary_nav .promenu ul li a

{

  padding: 4px 10px 6px 10px !important; /* Change this to alter your submenu level padding */

  text-shadow: none !important;

}

then find


/* INACTIVE ARROWS FIRST >.< ALTER AT YOUR OWN RISK*/

#primary_nav .promenu a.inactive.down_arrow

{

  background:#1C3B5F url({style_images_url}/_menu_icons/down_arrow.png ) no-repeat right 12px !important;

  padding: 6px 20px 8px 10px;

}

#primary_nav .promenu a.inactive.right_arrow

{

  background:#1C3B5F url({style_images_url}/_menu_icons/right_arrow.png ) no-repeat right 6px !important;

  padding: 6px 20px 8px 10px;

}

#primary_nav .promenu a.active.down_arrow

{

  background:#fff url({style_images_url}/_menu_icons/down_arrow_active.png ) no-repeat right 12px !important;

  padding: 6px 20px 8px 10px;

}

#primary_nav .promenu a.active.right_arrow

{

  background:#fff url({style_images_url}/_menu_icons/right_arrow_active.png ) no-repeat right 6px !important;

  padding: 6px 20px 8px 10px;

}

#primary_nav .promenu a.active:hover.down_arrow

{

  background:#fff url({style_images_url}/_menu_icons/down_arrow.png ) no-repeat right 12px !important;

  padding: 6px 20px 8px 10px;

}

#primary_nav .promenu a.active:hover.right_arrow

{

  background:#fff url({style_images_url}/_menu_icons/right_arrow.png ) no-repeat right 6px !important;

  padding: 6px 20px 8px 10px;

}

#primary_nav .promenu a.active.right_arrow:hover, #primary_nav .promenu a.inactive.right_arrow:hover, #primary_nav .promenu a.active.down_arrow:hover, #primary_nav .promenu a.inactive.down_arrow:hover

{

  background-color:#173455!important;

}


and replace with


/* INACTIVE ARROWS FIRST >.< ALTER AT YOUR OWN RISK*/

#primary_nav .promenu a.inactive.down_arrow

{

  background:#1C3B5F url({style_images_url}/_menu_icons/down_arrow.png ) no-repeat right 12px !important;

  padding: 6px 20px 8px 10px;

}

#primary_nav .promenu a.inactive.right_arrow

{

  background:#1C3B5F url({style_images_url}/_menu_icons/right_arrow.png ) no-repeat right 4px !important;

  padding: 6px 20px 8px 10px;

}

#primary_nav .promenu a.active.down_arrow

{

  background:#fff url({style_images_url}/_menu_icons/down_arrow_active.png ) no-repeat right 12px !important;

  padding: 6px 20px 8px 10px;

}

#primary_nav .promenu a.active.right_arrow

{

  background:#fff url({style_images_url}/_menu_icons/right_arrow_active.png ) no-repeat right 4px !important;

  padding: 6px 20px 8px 10px;

}

#primary_nav .promenu a.active:hover.down_arrow

{

  background:#fff url({style_images_url}/_menu_icons/down_arrow.png ) no-repeat right 12px !important;

  padding: 6px 20px 8px 10px;

}

#primary_nav .promenu a.active:hover.right_arrow

{

  background:#fff url({style_images_url}/_menu_icons/right_arrow.png ) no-repeat right 4px !important;

  padding: 6px 20px 8px 10px;

}

#primary_nav .promenu a.active.right_arrow:hover, #primary_nav .promenu a.inactive.right_arrow:hover, #primary_nav .promenu a.active.down_arrow:hover, #primary_nav .promenu a.inactive.down_arrow:hover

{

  background-color:#173455!important;

}


Link to comment

Any ideas what I need to adjust to remove the gap between the menus as shown in the image below:



post-114071-0-66582300-1329291702_thumb.

Many thanks in advance for your help :smile:




change the left variable in


#primary_nav .promenu li ul.right_open

{

left:140px; /* Change this to alter the right position of the submenu */

top:-5px    /* Change this to alter the top position of the submenu */

}

Link to comment
  • 2 weeks later...

I've just implemented ProMenus and was alerted by a user that it didn't work in the mobile skin. I've searched the thread and found some posts from December where this was mentioned.
What's the current status and plans for mobile support?
Also, is there some tweak that can be used to disabled the menus and just use default for mobile skin?

Thanks for a great product!

Link to comment

I've just implemented ProMenus and was alerted by a user that it didn't work in the mobile skin. I've searched the thread and found some posts from December where this was mentioned.


What's the current status and plans for mobile support?


Also, is there some tweak that can be used to disabled the menus and just use default for mobile skin?



Thanks for a great product!




I currently have no immediate plans to support mobile skins .. as by default, the primary navigation doesn't get displayed on the mobile skin whatsoever...

if enough people feel it is necessary .. I can look into what can be done, once I have finished the development and release of the next upgrade of coarse

for those who are waiting on this release...it will be out very soon...other than having to add in some functionality for moving menus in-between groups..its pretty much complete
Link to comment

Ahhh Robert, you are of course right.


I'm sorry. I thought it was ProMenu that had disabled the Mobile Theme menus, but they didn't exist in the first place :logik:



It was me who had changed the default app from Forum to CSS ... making it hard to get to the Forum...



Thanks for your quick reply that got me on the right track.




no problem..glad to help..have any more question don't hesitate to post..or drop me a pm
Link to comment

Is there a side by side comparison (matrix) between ProMenu / FusionMenu / MenuBar via IPContent?




well I waited a few days..too see if anyone else would respond....so before I begin .. I'd like to say all these applications are of decent quality and I'm not here to bash them in any shape or form...

no..there is no official comparison between those applications....though what I can say is .. that ProMenu is the first, and currently the only, multilevel menu system for IPB ... fusion menu doesn't support IPContent and multiple pages (with proper tab activation)... ProMenu has proper tab activation on all IPS products, fusion cannot state this ... ProMenu also provides parent tab activation when actively on subs where fusion does not... ProMenu has numerous features not found in fusion...only thing fusion menu offers that ProMenu doesn't, is a header menu ... this will change once the next version is released (it will have 5 base locations for menus .. header, primary, IPS Utility Bar, Side Bar, and footer block .. with the ability to build your own custom groups) ... ProMenu also has cache driven menus to eliminate high server loads and fusion still runs off query .. then there is the support factor...fusion is very very slow to support his product .. one might wait months for a reply (if one at all) .. and any new development for fusion seems to crawl and a snails pace ... that is not the case with ProMenu ...

as far as MenuBar .. I cannot really say as I never tested it .. I assume this is a custom menu block .. most likely the IPS Utility Bar .. and doesn't do subs .. isn't that a product from Marcher Tech ... if so..the support on it will be outstanding ... if anyone knows more about it feel free to chime in
Link to comment

Is there a side by side comparison (matrix) between ProMenu / FusionMenu / MenuBar via IPContent?




Fusion is all but dead, so forget that.

IP.Content is I believe a simple drop down, but also allows for extra items on the main bar - if you have IP.Content you could use this.

Of course what I would do is to have IP.Content for all the pages and database etc., and then use ProMenu to let your users navigate to the various sections. No other logical option to be honest.

If Promenu were to suddenly vanish, which could always happen (although highly unlikely) then you can then fall back to IP.Content.
Link to comment

Archived

This topic is now archived and is closed to further replies.

  • Recently Browsing   0 members

    • No registered users viewing this page.

×
×
  • Create New...