Responsive Menu Extension

[TrevH]

Hi Patrik,

Thank you, just got your latest version and it's looking great! Nice touch with dividers...

Trev

[Patrik iden]

Hello,Thank you. I have tested to add sub menus to this but i think i'm not good enough coder to do this. So if some one else think he/she can do this, please do.

Thank you all.

//Patrik.

[andyp]

Haven't had time to try this out Patrik.....but thanks again... and to think that you were up all night working things out

[Patrik iden]

Preview of my new Extension: Multi responsive menu. This is a responsive menu with one sub menu level. You can make alot of changes in the Extension settings like: Borders/Dividers, Backgroud colors, Gradient colors, Active link colors, Change all font settings etc. I will make another demo later on a more stylish version this one is only to show as many settings as possible. But i want some peoples to test this menu first so i can fix the buggs before making a dedicated post to this Extension.

Org script: http://responsivemultimenu.com/

So here you go: http://test3.fcab.se/responsive_menu_te ... index.html

Thank you.

[TrevH]

Hi Patrik,

Thank you for doing all this work... I just tested your menu on the demo and cannot find anything functionally wrong with it at all.... it seems to me to be working really great!!!!

I really like the way the sub menus are vertical drop downs (like accordion style) and also that you have thoughtfully provided a very neat "back" button, and that all the "active" page highlights work fine on all the pages.

The only thing I did wonder was ( just a visual thing on the demo ) whether on the big screen menu version one will have the option of setting the buttons to be all the same size along with equal width sub menus, visually then every menu gives a nice straight column line, rather than variable widths.

Looking forward to your next demo and release of this fine menu, I for one am very excited about using it...

Many, many thanks.....
Trev

[kenderuiter]

Hi Patrick,
I looked at your demo and it really looks neat!
How and where do I download your latest version? (I never downloaded any 'external extensions' yet)
Kind regards, Ken

[Patrik iden]

Hi Patrick,
I looked at your demo and it really looks neat!
How and where do I download your latest version? (I never downloaded any 'external extensions' yet)
Kind regards, Ken

Hello and thank you. You can not download it yet. Maybe in a cople of days.

[Patrik iden]

Hi Patrik,

Thank you for doing all this work... I just tested your menu on the demo and cannot find anything functionally wrong with it at all.... it seems to me to be working really great!!!!

I really like the way the sub menus are vertical drop downs (like accordion style) and also that you have thoughtfully provided a very neat "back" button, and that all the "active" page highlights work fine on all the pages.

The only thing I did wonder was ( just a visual thing on the demo ) whether on the big screen menu version one will have the option of setting the buttons to be all the same size along with equal width sub menus, visually then every menu gives a nice straight column line, rather than variable widths.

Looking forward to your next demo and release of this fine menu, I for one am very excited about using it...

Many, many thanks.....
Trev

Hey TrevH and thank's. I'l look in to the size/width of the buttons.

[andyp]

Well done Patrik... looking forward to seeing this when ready

[Patrik iden]

Hi Patrik,

Thank you for doing all this work... I just tested your menu on the demo and cannot find anything functionally wrong with it at all.... it seems to me to be working really great!!!!

I really like the way the sub menus are vertical drop downs (like accordion style) and also that you have thoughtfully provided a very neat "back" button, and that all the "active" page highlights work fine on all the pages.

The only thing I did wonder was ( just a visual thing on the demo ) whether on the big screen menu version one will have the option of setting the buttons to be all the same size along with equal width sub menus, visually then every menu gives a nice straight column line, rather than variable widths.

Looking forward to your next demo and release of this fine menu, I for one am very excited about using it...

Many, many thanks.....
Trev

Hello TrevH take a look now, what do you think?

http://test3.fcab.se/responsive_menu_te ... index.html

[TrevH]

Hi Patrik...

PERFECT!!! It looks superb, what a fantastic job you have done on this menu, I can't wait to start using it, thank you so much for doing this, it's really appreciated!

[LTH]

Great job Patrik. This is just what I've been looking for. Do you have any idea when it will be ready for download? Thanks for your time and effort on this extension.

[Patrik iden]

Great job Patrik. This is just what I've been looking for. Do you have any idea when it will be ready for download? Thanks for your time and effort on this extension.

Thank you. Maybe tomorrow or the day after that.

[Patrik iden]

Hello, So here is another demo, this time a Menu with flat style:

http://test3.fcab.se/responsive_menu_te ... index.html

Some more info on this menu:

When i was making this menu i come across a problem. The problem was that when you setup in WWB to have the page centered, WWB will create an conatiner div element and this div is set to 970px in width or what ever width you set the page to be. So having only the Menu (and no other content on the page) then the menu worked fine, but as soon as i put in another object (no mather how small) then i got a scroll bar at the bottom inicating that the menu is to wide. So i hade to come up with a solution. I tested in Firefox Web console to change the width:970px on the container elemet to max-width:970px !important and that did the trik. So i added a value in the css like this: div#container{max-width:970px !important;} but this dident work, the width:970px was still in there and not over ridden buy the !important setting. Now i got confused WHAT!!! So ok what now, ok lets try some jQuery and i came up whit this:
<script>
$(document).ready(function () {
$('#container').attr('id','content');
$("#content").css("cssText", "max-width: 970px !important;");
$("#content").css({ 'position': 'relative', 'margin': '0 auto 0 auto', 'text-align': 'left'});
});
</script>

And finally this did the trik for this problem. There ware many many problems making this Extension but i think finally it's working.

This being said, this Extension will take some time to learn all the settings in (there are many ) but i will include some WWB projects where i have sett up the menu to different layouts. I will at least include the two projects that you can see in the demos.

More info will come on this later.

Thank you.

[andyp]

I wish I had the brains to provide this for others... I think the latest demo looks the best.. nice and simple.....

I think the worry for me is that there are going to be so many setting choices that I wont know where to look for what!

Looking forward to its release...