Responsive Menu Extension

In this section you can share self-made extensions with other users of WYSIWYG Web Builder.
There is a dedicated section for commercial extensions.
TrevH
 
 
Posts: 27
Joined: Wed Nov 26, 2014 3:31 pm
Location: UK
Contact:

Re: Responsive Menu Extension

Post by TrevH »

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: 479
Joined: Wed Mar 24, 2010 9:07 pm
Location: Sweden

Re: Responsive Menu Extension

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

Re: Responsive Menu Extension

Post by 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 :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: 479
Joined: Wed Mar 24, 2010 9:07 pm
Location: Sweden

Re: Responsive Menu Extension

Post by 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.
Last edited by Patrik iden on Sat Apr 25, 2015 11:44 am, edited 1 time in total.
TrevH
 
 
Posts: 27
Joined: Wed Nov 26, 2014 3:31 pm
Location: UK
Contact:

Re: Responsive Menu Extension

Post by 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!!!! :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: 38
Joined: Thu Jul 08, 2010 7:01 pm

Re: Responsive Menu Extension

Post by 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
User avatar
Patrik iden
 
 
Posts: 479
Joined: Wed Mar 24, 2010 9:07 pm
Location: Sweden

Re: Responsive Menu Extension

Post by Patrik iden »

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: 479
Joined: Wed Mar 24, 2010 9:07 pm
Location: Sweden

Re: Responsive Menu Extension

Post by Patrik iden »

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

Re: Responsive Menu Extension

Post by andyp »

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: 479
Joined: Wed Mar 24, 2010 9:07 pm
Location: Sweden

Re: Responsive Menu Extension

Post by Patrik iden »

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: 27
Joined: Wed Nov 26, 2014 3:31 pm
Location: UK
Contact:

Re: Responsive Menu Extension

Post by 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! :D
LTH
 
 
Posts: 23
Joined: Wed Dec 31, 2014 9:44 pm
Location: Lenoir City, TN

Re: Responsive Menu Extension

Post by 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.
User avatar
Patrik iden
 
 
Posts: 479
Joined: Wed Mar 24, 2010 9:07 pm
Location: Sweden

Re: Responsive Menu Extension

Post by Patrik iden »

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: 479
Joined: Wed Mar 24, 2010 9:07 pm
Location: Sweden

Re: Responsive Menu Extension

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

Re: Responsive Menu Extension

Post by 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... :)
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: 479
Joined: Wed Mar 24, 2010 9:07 pm
Location: Sweden

Re: Responsive Menu Extension

Post by Patrik iden »

andyp wrote: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... :)
Yes this is problem. Maybe in time i can filter out some of the settings with all of your help :)

Thank you.
andyp
 
 
Posts: 224
Joined: Fri Aug 08, 2014 8:56 am
Location: Brighton UK
Contact:

Re: Responsive Menu Extension

Post by andyp »

I will take that the way I believe it is intended :)
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: 479
Joined: Wed Mar 24, 2010 9:07 pm
Location: Sweden

Re: Responsive Menu Extension

Post by Patrik iden »

andyp wrote:I will take that the way I believe it is intended :)
uh Sorry, i mean with the help from every one that is interested in this Extension not only you. :oops:
User avatar
Patrik iden
 
 
Posts: 479
Joined: Wed Mar 24, 2010 9:07 pm
Location: Sweden

Re: Responsive Menu Extension

Post by Patrik iden »

I just made a count of how many settings/options there is in this Extension. The count is 160. So as i mentiond there is some learning time on this one.
andyp
 
 
Posts: 224
Joined: Fri Aug 08, 2014 8:56 am
Location: Brighton UK
Contact:

Re: Responsive Menu Extension

Post by andyp »

V2

Patrik... I dont seem to be able to change the Active/Current page button?

It is showing as red.. when I have changed it to aqua...

Test site at www.ridingportugal.com/test

Currently working on converting a site to RWD so I have only done the index and horse page... and I have zipped up the site which can be downloaded from http://www.apgraphx.co.uk/test/GV-RWD.zip


Thanks

AndyP

_________________
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
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: 479
Joined: Wed Mar 24, 2010 9:07 pm
Location: Sweden

Re: Responsive Menu Extension

Post by Patrik iden »

andyp you are correct. Please download again from first post. Sorry :oops:
andyp
 
 
Posts: 224
Joined: Fri Aug 08, 2014 8:56 am
Location: Brighton UK
Contact:

Re: Responsive Menu Extension

Post by andyp »

Not quite sure what you mean?

I went back to the first post viewtopic.php?f=42&t=65322#p327138

and re-downloaded Download Version 2.0.0.0: https://dl.dropboxusercontent.com/u/318 ... e_menu.rar

But it is still the same.. so we just need to establish the issue I have

What is the setting name for changing what I believe is the Current Page as shown in

http://www.ridingportugal.com/test/index.html which is showing as red which I would like to change to another colour.

I do not see any red selected in V2 properties?

Thanks

AndyP
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: 479
Joined: Wed Mar 24, 2010 9:07 pm
Location: Sweden

Re: Responsive Menu Extension

Post by Patrik iden »

That's strange it works for me. Did you ctrl + F5 (update) you page?
The setting for active color is: Bigscreen Menu Settings -> Bigscreen menu active color / Second Bigscreen menu active color.
andyp
 
 
Posts: 224
Joined: Fri Aug 08, 2014 8:56 am
Location: Brighton UK
Contact:

Re: Responsive Menu Extension

Post by andyp »

Yes.... keep in mind that this is happening in preview as well.... unless it is due not having the correct RM version installed?
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: 479
Joined: Wed Mar 24, 2010 9:07 pm
Location: Sweden

Re: Responsive Menu Extension

Post by Patrik iden »

andyp wrote:Yes.... keep in mind that this is happening in preview as well.... unless it is due not having the correct RM version installed?
Then i don't know what can be the problem here. Have you done the following?

1. You downloaded this: https://dl.dropboxusercontent.com/u/318 ... e_menu.rar

2. You unzip.

3. you copy the responsive_menu.wbx to the WWB Extension folder (and replace your existing Extension file).

4. Set the color for the active links in Extension settings: Bigscreen Menu Settings -> Bigscreen menu active color AND Second Bigscreen menu active color.

5. Publish all you files.

6. CTRL + F5 (update your page).
andyp
 
 
Posts: 224
Joined: Fri Aug 08, 2014 8:56 am
Location: Brighton UK
Contact:

Re: Responsive Menu Extension

Post by andyp »

Ok.. this time I have got it working... but what I did was to completely uninstall RM and re-install.... I can only think that this is what the issue was?

I dont know how it works when updating an extension that has the same version number?

If a new version has the same version number can this cause any issues with actually making any updates?

I know I have said it before.. but I really appreciate your time on providing this... it really is looking very good and I am looking forward to the submenu feature... :)
Thanks Patrik

AndyP
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: 479
Joined: Wed Mar 24, 2010 9:07 pm
Location: Sweden

Re: Responsive Menu Extension

Post by Patrik iden »

If a new version has the same version number can this cause any issues with actually making any updates?

I always just copy and recplace and that has worke for me so far. Thank you.
andyp
 
 
Posts: 224
Joined: Fri Aug 08, 2014 8:56 am
Location: Brighton UK
Contact:

Re: Responsive Menu Extension

Post by andyp »

Ok.. thanks Patrik
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
TrevH
 
 
Posts: 27
Joined: Wed Nov 26, 2014 3:31 pm
Location: UK
Contact:

Re: Responsive Menu Extension

Post by TrevH »

Hi, I found that it's best to close WB prog after installing a menu update, then flush cache wih something like ccleaner, restart WB10 and then the responsive menu update works fine. I found that any changes then work just fine.

Hope that is helpful...
Trev
User avatar
Patrik iden
 
 
Posts: 479
Joined: Wed Mar 24, 2010 9:07 pm
Location: Sweden

Re: Responsive Menu Extension

Post by Patrik iden »

Hello to you all. I have now made a new post for the Multi responsive menu. Here you can get some info and more demo links/projects and the download link for the entire project.

Thank you.

viewtopic.php?f=42&t=66626
User avatar
Patrik iden
 
 
Posts: 479
Joined: Wed Mar 24, 2010 9:07 pm
Location: Sweden

Re: Responsive Menu Extension

Post by Patrik iden »

TrevH wrote:Hi, I found that it's best to close WB prog after installing a menu update, then flush cache wih something like ccleaner, restart WB10 and then the responsive menu update works fine. I found that any changes then work just fine.

Hope that is helpful...
Trev
I hav never hade any problems like this but it is good that you post solutions like this so that others can see. Thank you. :D
andyp
 
 
Posts: 224
Joined: Fri Aug 08, 2014 8:56 am
Location: Brighton UK
Contact:

Re: Responsive Menu Extension

Post by andyp »

Well.. it may have not been the real solution to the problem.. but it worked for me :)
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: 479
Joined: Wed Mar 24, 2010 9:07 pm
Location: Sweden

Re: Responsive Menu Extension

Post by Patrik iden »

DavidMoshe wrote:Thats grate work Patrk! Thank you very much for this nice extension it made my work sooo much easyer!

Have a nice day and Keep the good work :)
Hey and thank you. Make sure to read all the text in the first (download) post and also all the description texts in the Extension settings.
andyp
 
 
Posts: 224
Joined: Fri Aug 08, 2014 8:56 am
Location: Brighton UK
Contact:

Re: Responsive Menu Extension

Post by andyp »

Hi Patrik.. hope you are well..

I have just noticed that if there are several links and say perhaps viewed in landscape mode on a small device some of the links are hidden because it doesnt scroll..

If you are able to view www.laser4you.co.uk in landscape on a small device you will see what I mean.

Out of the 9 links.. only 6 can be seen... probably you may suggest using smaller fonts this... but is there any other way to resolve this..

Its not a major issue but was just wondering...

Thanks

AndyP
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: 479
Joined: Wed Mar 24, 2010 9:07 pm
Location: Sweden

Re: Responsive Menu Extension

Post by Patrik iden »

andyp wrote:Hi Patrik.. hope you are well..

I have just noticed that if there are several links and say perhaps viewed in landscape mode on a small device some of the links are hidden because it doesnt scroll..

If you are able to view http://www.laser4you.co.uk in landscape on a small device you will see what I mean.

Out of the 9 links.. only 6 can be seen... probably you may suggest using smaller fonts this... but is there any other way to resolve this..

Its not a major issue but was just wondering...

Thanks

AndyP
Yep you'r right, i'm not sure how to fix this.
andyp
 
 
Posts: 224
Joined: Fri Aug 08, 2014 8:56 am
Location: Brighton UK
Contact:

Re: Responsive Menu Extension

Post by andyp »

Ok.. thanks...
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: 479
Joined: Wed Mar 24, 2010 9:07 pm
Location: Sweden

Re: Responsive Menu Extension

Post by Patrik iden »

crybbio wrote:Hi Patrik.
I'm a very newbie so, first of all, I'm sorry if my problem is a silly problem (for you)... Anyway: I don't manage to make working the position "fixed". I had to deactivate the java script, because I put a slideshow on the page, but I'd like to have the menu fixed at the top. I set yes to "fixed position" but it disappears when I scroll.
Thanks for all
What version are you using (Whit or without dropdown?)
Do you have an url?
User avatar
Patrik iden
 
 
Posts: 479
Joined: Wed Mar 24, 2010 9:07 pm
Location: Sweden

Re: Responsive Menu Extension

Post by Patrik iden »

Hello, I can't say wy it does not work for you, it works for me. Have uploaded all files?

Try downloading this Extension file (but it should be the same): https://mega.nz/#!8hkRxLAJ!NqIqu_pRkbf9 ... S35QH4-q74

In worst case you can add this to an HTML box (between <head></head>) tag:

<style>
.rmm {
position:fixed;
}
</style>
bcfl
 
 
Posts: 10
Joined: Wed Jul 09, 2008 6:15 pm

Re: Responsive Menu Extension

Post by bcfl »

Nice Extension Thank You,
Is there a way in the Menu-Collection-Url-External Web Address setting you can add "open in new tab/window option so the user stays on the site?
Would be beneficial, for the user.
Thank You, bob
User avatar
Patrik iden
 
 
Posts: 479
Joined: Wed Mar 24, 2010 9:07 pm
Location: Sweden

Re: Responsive Menu Extension

Post by Patrik iden »

bcfl wrote:Nice Extension Thank You,
Is there a way in the Menu-Collection-Url-External Web Address setting you can add "open in new tab/window option so the user stays on the site?
Would be beneficial, for the user.
Thank You, bob
Hello, no sorry not at the moment, will try to add this when i have the time. But it is going to take some months, so much to do right now.
Vlastimil
 
 
Posts: 59
Joined: Sun Oct 28, 2012 8:19 pm
Location: Czech Republic

Re: Responsive Menu Extension

Post by Vlastimil »

Nice, Thanks you.
I have one question - when I use in Back Button Text some Czech characters (project is based on in UTF-8), the czech characters are not displayed correctly.
User avatar
Patrik iden
 
 
Posts: 479
Joined: Wed Mar 24, 2010 9:07 pm
Location: Sweden

Re: Responsive Menu Extension

Post by Patrik iden »

Vlastimil wrote:Nice, Thanks you.
I have one question - when I use in Back Button Text some Czech characters (project is based on in UTF-8), the czech characters are not displayed correctly.
Sorry i don't know wy this is.
burglar
 
 
Posts: 5
Joined: Sun Aug 22, 2010 9:23 am
Location: uk
Contact:

Re: Responsive Menu Extension

Post by burglar »

does anyone still have the install file for multi responsive menu v2.0.0.0?
User avatar
Patrik iden
 
 
Posts: 479
Joined: Wed Mar 24, 2010 9:07 pm
Location: Sweden

Re: Responsive Menu Extension

Post by Patrik iden »

Here u are. I don't know how this menu is working any more and i don't have time for support at the moment. But test it out if you please.
https://mega.nz/#!pwEVwSZa!nY4w4i2EFQTi ... AqHFBubbCY
LJLachance
 
 
Posts: 115
Joined: Sun Feb 04, 2018 8:19 pm
Location: Jacksonville, FL
Contact:

Re: Responsive Menu Extension

Post by LJLachance »

I apologize in advance for my question based on my ignorance of the facts but... is there a reason why I can't actually "see" the menu while in design mode. I see the extension when I drop it on a page as a block with the name (sans graphics)and I can configure it but it is only actually visible when I preview in a browser. Is it me, or is this by design?
User avatar
BaconFries
 
 
Posts: 5316
Joined: Thu Aug 16, 2007 7:32 pm

Re: Responsive Menu Extension

Post by BaconFries »

You may or may not get a answer soon as this member was Last active:Thu Sep 26, 2019 12:05 with that said I would check back later.
LJLachance
 
 
Posts: 115
Joined: Sun Feb 04, 2018 8:19 pm
Location: Jacksonville, FL
Contact:

Re: Responsive Menu Extension

Post by LJLachance »

Wow...ok, thanks for that. As with so many other things, there are alternatives. If he does reply, that'd be great, if not, I'm good. Appreciated you letting me know.
User avatar
BaconFries
 
 
Posts: 5316
Joined: Thu Aug 16, 2007 7:32 pm

Re: Responsive Menu Extension

Post by BaconFries »

He may or may not...but from offering extensions at onetime it will simply be by design hence why you can't see till published.
LJLachance
 
 
Posts: 115
Joined: Sun Feb 04, 2018 8:19 pm
Location: Jacksonville, FL
Contact:

Re: Responsive Menu Extension

Post by LJLachance »

Again, thanks for the information. I must admit I don't know why a design for something like navigation would not be visible for editing in this manner, but alas, I'm no designer that's for sure. :)
User avatar
Patrik iden
 
 
Posts: 479
Joined: Wed Mar 24, 2010 9:07 pm
Location: Sweden

Re: Responsive Menu Extension

Post by Patrik iden »

Still here :D . Sorry but i don't know how to get the menu to be visible in design mode.
Post Reply