Responsive Menu Extension

In this section you can share self-made extensions with other users of WYSIWYG Web Builder.

There are already more than 250 extensions available!
TrevH
 
 
Posts: 38
Joined: Wed Nov 26, 2014 3:31 pm
Location: UK
Contact:

Re: Responsive Menu Extension

Post by TrevH » Sat Apr 18, 2015 4:21 pm

Hi Patrik,

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

Trev

User avatar
Patrik iden
 
 
Posts: 538
Joined: Wed Mar 24, 2010 9:07 pm
Location: Sweden

Re: Responsive Menu Extension

Post by Patrik iden » Sat Apr 18, 2015 8:07 pm

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
 
 
Posts: 247
Joined: Fri Aug 08, 2014 8:56 am
Location: Brighton UK
Contact:

Re: Responsive Menu Extension

Post by andyp » Sat Apr 18, 2015 9:49 pm

Haven't had time to try this out Patrik.....but thanks again... and to think that you were up all night working things out :wink:
Making mistakes....and still learning as I go along.. and very grateful to those who know far more than me... :)
http://www.apgraphx.co.uk

User avatar
Patrik iden
 
 
Posts: 538
Joined: Wed Mar 24, 2010 9:07 pm
Location: Sweden

Re: Responsive Menu Extension

Post by Patrik iden » Sat Apr 25, 2015 1:12 am

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.
Last edited by Patrik iden on Sat Apr 25, 2015 11:44 am, edited 1 time in total.

TrevH
 
 
Posts: 38
Joined: Wed Nov 26, 2014 3:31 pm
Location: UK
Contact:

Re: Responsive Menu Extension

Post by TrevH » Sat Apr 25, 2015 8:50 am

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!!!! :D

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 :D

kenderuiter
 
 
Posts: 17
Joined: Thu Jul 08, 2010 7:01 pm

Re: Responsive Menu Extension

Post by kenderuiter » Sat Apr 25, 2015 8:54 am

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

User avatar
Patrik iden
 
 
Posts: 538
Joined: Wed Mar 24, 2010 9:07 pm
Location: Sweden

Re: Responsive Menu Extension

Post by Patrik iden » Sat Apr 25, 2015 9:29 am

kenderuiter wrote: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.

User avatar
Patrik iden
 
 
Posts: 538
Joined: Wed Mar 24, 2010 9:07 pm
Location: Sweden

Re: Responsive Menu Extension

Post by Patrik iden » Sat Apr 25, 2015 9:31 am

TrevH wrote: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!!!! :D

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 :D

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

andyp
 
 
Posts: 247
Joined: Fri Aug 08, 2014 8:56 am
Location: Brighton UK
Contact:

Re: Responsive Menu Extension

Post by andyp » Sat Apr 25, 2015 11:37 am

Well done Patrik... looking forward to seeing this when ready :)
Making mistakes....and still learning as I go along.. and very grateful to those who know far more than me... :)
http://www.apgraphx.co.uk

User avatar
Patrik iden
 
 
Posts: 538
Joined: Wed Mar 24, 2010 9:07 pm
Location: Sweden

Re: Responsive Menu Extension

Post by Patrik iden » Sat Apr 25, 2015 1:29 pm

TrevH wrote: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!!!! :D

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 :D
Hello TrevH take a look now, what do you think?

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

TrevH
 
 
Posts: 38
Joined: Wed Nov 26, 2014 3:31 pm
Location: UK
Contact:

Re: Responsive Menu Extension

Post by TrevH » Sat Apr 25, 2015 1:48 pm

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! :D

LTH
 
 
Posts: 49
Joined: Wed Dec 31, 2014 9:44 pm
Location: Lenoir City, TN

Re: Responsive Menu Extension

Post by LTH » Sat Apr 25, 2015 4:11 pm

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.

User avatar
Patrik iden
 
 
Posts: 538
Joined: Wed Mar 24, 2010 9:07 pm
Location: Sweden

Re: Responsive Menu Extension

Post by Patrik iden » Sat Apr 25, 2015 5:14 pm

LTH wrote: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.

User avatar
Patrik iden
 
 
Posts: 538
Joined: Wed Mar 24, 2010 9:07 pm
Location: Sweden

Re: Responsive Menu Extension

Post by Patrik iden » Sat Apr 25, 2015 5:38 pm

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
 
 
Posts: 247
Joined: Fri Aug 08, 2014 8:56 am
Location: Brighton UK
Contact:

Re: Responsive Menu Extension

Post by andyp » Sat Apr 25, 2015 8:11 pm

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... :)
Making mistakes....and still learning as I go along.. and very grateful to those who know far more than me... :)
http://www.apgraphx.co.uk

Post Reply