MULTI RESPONSIVE MENU

In this section you can share self-made extensions with other users of WYSIWYG Web Builder.
There is a dedicated section for commercial extensions.
LTH
 
 
Posts: 23
Joined: Wed Dec 31, 2014 9:44 pm
Location: Lenoir City, TN

Re: MULTI RESPONSIVE MENU

Post by LTH »

It should be there soon. Thx
User avatar
Patrik iden
 
 
Posts: 479
Joined: Wed Mar 24, 2010 9:07 pm
Location: Sweden

Re: MULTI RESPONSIVE MENU

Post by Patrik iden »

You have not added any Master object to index page.

1. In the toolbox/advanced look for Master object.
2. Drag it to the workspace.
3. Dubble click it and pick the master_fram page (Make sure to uncheck the "as layer option").

4. Tip: Make a new master_page for the menu, a page with only the menu on.
LTH
 
 
Posts: 23
Joined: Wed Dec 31, 2014 9:44 pm
Location: Lenoir City, TN

Re: MULTI RESPONSIVE MENU

Post by LTH »

flatshad at hotmail.com

I think I understand now Patrik. I was under the impression you had to use either a master_page or master_frame page. I didn't know that you could use them both together. Thanks so much for your help. :D
User avatar
Patrik iden
 
 
Posts: 479
Joined: Wed Mar 24, 2010 9:07 pm
Location: Sweden

Re: MULTI RESPONSIVE MENU

Post by Patrik iden »

Hello. I have fixed some small bugs. Please download again.
mayur007
 
 
Posts: 285
Joined: Tue Jun 24, 2014 9:06 am

Re: MULTI RESPONSIVE MENU

Post by mayur007 »

nice work
redbadnap
 
 
Posts: 14
Joined: Sat Dec 22, 2007 10:55 am

Re: MULTI RESPONSIVE MENU

Post by redbadnap »

Great work!

A question: can this extension manage page in a folder like this:

Image

Look this demo:
http://onesofties.xoom.it/resp_menu/index.html

The simple project is here:
http://onesofties.xoom.it/resp_menu/resp_menu.wbs

Thanks a lot
User avatar
Patrik iden
 
 
Posts: 479
Joined: Wed Mar 24, 2010 9:07 pm
Location: Sweden

Re: MULTI RESPONSIVE MENU

Post by Patrik iden »

Hello. cant realy say why this is happening, the only thing i can think of to fix this right now is to put in real path's like: http://onesofties.xoom.it/resp_menu/One/onepage1.html and http://onesofties.xoom.it/resp_menu/One/onepage2.html. I will look in this further.

Thank you.
redbadnap
 
 
Posts: 14
Joined: Sat Dec 22, 2007 10:55 am

Re: MULTI RESPONSIVE MENU

Post by redbadnap »

Ok ok, no problem, it's just to experience the capabilities of the extension, but it also happens synchronizing with site manager ...
tdr
 
 
Posts: 28
Joined: Sat Sep 26, 2009 10:14 am

Re: MULTI RESPONSIVE MENU

Post by tdr »

Great work on this extension!

I was trying to see if I could make it a docked menu by placing it inside a docked layer on the master page, and setting the layer type to docked layer / dock on top. However it's not working for me.
Has anybody been able to achieve something like this?
thanks
User avatar
Patrik iden
 
 
Posts: 479
Joined: Wed Mar 24, 2010 9:07 pm
Location: Sweden

Re: MULTI RESPONSIVE MENU

Post by Patrik iden »

tdr wrote:Great work on this extension!

I was trying to see if I could make it a docked menu by placing it inside a docked layer on the master page, and setting the layer type to docked layer / dock on top. However it's not working for me.
Has anybody been able to achieve something like this?
thanks
What exactly are you trying to do here? The menu is docked to the top by default. Do you have a link to the site?
tdr
 
 
Posts: 28
Joined: Sat Sep 26, 2009 10:14 am

Re: MULTI RESPONSIVE MENU

Post by tdr »

I'm sorry I didn't explain myself well enough - you know those web pages where you scroll the page and the menu is always visible as you scroll to the bottom? I would like to achieve an effect like that. Docked layers do this.
see this example of what I mean http://www.templatemonster.com/demo/54542.html
User avatar
Patrik iden
 
 
Posts: 479
Joined: Wed Mar 24, 2010 9:07 pm
Location: Sweden

Re: MULTI RESPONSIVE MENU

Post by Patrik iden »

tdr wrote:I'm sorry I didn't explain myself well enough - you know those web pages where you scroll the page and the menu is always visible as you scroll to the bottom? I would like to achieve an effect like that. Docked layers do this.
see this example of what I mean http://www.templatemonster.com/demo/54542.html

OK, you do not need to use any layer for this (in fact you should not use layer for this menu at all). There is a option in the menu settings "fixed positios" set this to yes. Now the menu will be fixed to the top eaven if you scroll the page.
Hope this helps. Thank you.
TrevH
 
 
Posts: 27
Joined: Wed Nov 26, 2014 3:31 pm
Location: UK
Contact:

Re: MULTI RESPONSIVE MENU

Post by TrevH »

Hi Patrik,

I would like to know if it is possible to add a transparent option to the menu colour schemes, I have a background image and would like the buttons to sit on top of it, but cannot find the transparent (clear) background option. Also if it is possible... then could a transparency % be added to the colours?

Many thanks...
Trev
User avatar
Patrik iden
 
 
Posts: 479
Joined: Wed Mar 24, 2010 9:07 pm
Location: Sweden

Re: MULTI RESPONSIVE MENU

Post by Patrik iden »

TrevH wrote:Hi Patrik,

I would like to know if it is possible to add a transparent option to the menu colour schemes, I have a background image and would like the buttons to sit on top of it, but cannot find the transparent (clear) background option. Also if it is possible... then could a transparency % be added to the colours?

Many thanks...
Trev
Hello, cant's you just use the same color as the background?
TrevH
 
 
Posts: 27
Joined: Wed Nov 26, 2014 3:31 pm
Location: UK
Contact:

Re: MULTI RESPONSIVE MENU

Post by TrevH »

Hi Patrik,

The background is an image, as in a picture and not a solid single colour...

Perhaps all that is needed is to modify the input boxes on the menu's various properties sections to allow letters as well as numbers... that way I could input the word "transparent" and if it works like regular html then the colour would be transparent. Hope that makes sense?

Many thanks...
Trev
User avatar
Patrik iden
 
 
Posts: 479
Joined: Wed Mar 24, 2010 9:07 pm
Location: Sweden

Re: MULTI RESPONSIVE MENU

Post by Patrik iden »

TrevH wrote:Hi Patrik,

The background is an image, as in a picture and not a solid single colour...

Perhaps all that is needed is to modify the input boxes on the menu's various properties sections to allow letters as well as numbers... that way I could input the word "transparent" and if it works like regular html then the colour would be transparent. Hope that makes sense?

Many thanks...
Trev
Yes the problem is that i don't knw how to put this function/option in to the Extension builder. I have asked Support about this.

You can change the css settings whit this codes, just use some of this code in an HTML object:

Code: Select all

.rmm ul li a {
background: transparent !important;
}

or

.rmm ul li a {
opacity: 0.5;
}

and

.ribbon, .rmm-toggled {
background: transparent !important;
}

or

.ribbon, .rmm-toggled {
opacity: 0.5;
}


You may have to set the following to the same as well


.ribbon

.rmm-mobile .current_yes > a

.rmm-toggled

.rmm ul li a

.rmm.style .rmm-mobile li a

.rmm-mobile .current_yes > a

.current_yes > a

.rmm-back > a:nth-child(1)

.rmm ul ul li a
TrevH
 
 
Posts: 27
Joined: Wed Nov 26, 2014 3:31 pm
Location: UK
Contact:

Re: MULTI RESPONSIVE MENU

Post by TrevH »

Hi Patrik,

Thank you for your fast response, I'll give it a go...

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

Re: MULTI RESPONSIVE MENU

Post by Patrik iden »

tdr
 
 
Posts: 28
Joined: Sat Sep 26, 2009 10:14 am

Re: MULTI RESPONSIVE MENU

Post by tdr »

Patrik iden wrote:
Patrik iden wrote: OK, you do not need to use any layer for this (in fact you should not use layer for this menu at all). There is a option in the menu settings "fixed positios" set this to yes. Now the menu will be fixed to the top eaven if you scroll the page.
Hope this helps. Thank you.
Brilliant, exactly what I needed, I didn't see this option even though it was right there in front of me :? . Thanks.
tdr
 
 
Posts: 28
Joined: Sat Sep 26, 2009 10:14 am

Re: MULTI RESPONSIVE MENU

Post by tdr »

Is there a way I could have an inline logo with the menu on the left? e.g. as per this example http://www.govx.com/
thanks!
User avatar
Patrik iden
 
 
Posts: 479
Joined: Wed Mar 24, 2010 9:07 pm
Location: Sweden

Re: MULTI RESPONSIVE MENU

Post by Patrik iden »

tdr wrote:Is there a way I could have an inline logo with the menu on the left? e.g. as per this example http://www.govx.com/
thanks!
No. i'm sorry.
andyp
 
 
Posts: 224
Joined: Fri Aug 08, 2014 8:56 am
Location: Brighton UK
Contact:

Re: MULTI RESPONSIVE MENU

Post by andyp »

Hi Patrik

I am not working on a new site and looking to use this.

Oddly... when testing this out on a a few separate pages disabling "Use java script" doesnt allow for the menu to be centralised.. in some cases.. but not all?

I have had to play around with enabling/disabling "Use java script" to get a slide show going... but unfortunately all this testing isnt consistant.....

Also using this menu changes the position of an image placed on the left.. it moves the image over about a third of the page?

And can the menu in a specific position....other the default top position?

Thanks

AndyP
Last edited by andyp on Sun Jun 21, 2015 10:39 pm, edited 1 time in total.
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: MULTI RESPONSIVE MENU

Post by Patrik iden »

andyp wrote:Hi Patrik

I am not working on a new site and looking to use this.

However using this seems to change the position of an image placed on the left.. it moves the image over about a third of the page?

And how to keep the menu in a specific place such for for each break point other than the default top position?

Thanks

AndyP
I dont know about the image problem, (do you have an url?), but as for the position you can: Set the fixed position to No. And then use the setting "Menu position from top"
andyp
 
 
Posts: 224
Joined: Fri Aug 08, 2014 8:56 am
Location: Brighton UK
Contact:

Re: MULTI RESPONSIVE MENU

Post by andyp »

Hi.. I was editing my post because I kept getting different testing results as I was going along.. so the quote is slightly different to what you answered to...

This is the edited query:

Oddly... when testing this out on a a few separate pages disabling "Use java script" doesnt allow for the menu to be centralised.. in some cases.. but not all?

I have had to play around with enabling/disabling "Use java script" to get a slide show going... but unfortunately all this testing isnt consistent.....

Also using this menu changes the position of an image placed on the left.. it moves the image over about a third of the page?

I am going to upload a test project very soon....
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
andyp
 
 
Posts: 224
Joined: Fri Aug 08, 2014 8:56 am
Location: Brighton UK
Contact:

Re: MULTI RESPONSIVE MENU

Post by andyp »

The test project can be found at:

http://www.apgraphx.co.uk/downloads/MRM-test.zip

The information is on the index page.. so go to preview all pages and it will take you through what is happening...


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: MULTI RESPONSIVE MENU

Post by Patrik iden »

andyp wrote:The test project can be found at:

http://www.apgraphx.co.uk/downloads/MRM-test.zip

The information is on the index page.. so go to preview all pages and it will take you through what is happening...


Thanks
Andyp
There is now project file in this zip.
User avatar
Patrik iden
 
 
Posts: 479
Joined: Wed Mar 24, 2010 9:07 pm
Location: Sweden

Re: MULTI RESPONSIVE MENU

Post by Patrik iden »

I found what the image/content problem is. I have made an update and added an option in the menu settings "Page Width" just set this value to the width of your page. But i can also see a problem using this menu with breakpoints but you can test it now if you want to, here is the download link for the update: https://mega.co.nz/#!tw0A3TIA!7DLSJVpBp ... 9_ZWkxz9y4
andyp
 
 
Posts: 224
Joined: Fri Aug 08, 2014 8:56 am
Location: Brighton UK
Contact:

Re: MULTI RESPONSIVE MENU

Post by andyp »

Thanks Patrik... .. set the "page width" to the default size of 1360 but no joy

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: MULTI RESPONSIVE MENU

Post by Patrik iden »

andyp wrote:Thanks Patrik... .. set the "page width" to the default size of 1360 but no joy

Thanks
Andyp
Strange this worked for me. Please send me the project file.
andyp
 
 
Posts: 224
Joined: Fri Aug 08, 2014 8:56 am
Location: Brighton UK
Contact:

Re: MULTI RESPONSIVE MENU

Post by andyp »

For whatever reason I got it going today... all I did was to uninstall and reinstall.. whether that had anything to do with it I dont know

However.. you are correct that this cant be used in break points

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: MULTI RESPONSIVE MENU

Post by Patrik iden »

OK, try this one: https://mega.co.nz/#!MtkHjKLR!SQsdBkGQG ... gjmMLELXUg
Make sure to uninstall and reinstall.
andyp
 
 
Posts: 224
Joined: Fri Aug 08, 2014 8:56 am
Location: Brighton UK
Contact:

Re: MULTI RESPONSIVE MENU

Post by andyp »

Thanks Patrik...

On a quick test this looks like it is fully responsive... so well done.. :)

Would this then make the setting for the page width invalid?

Is there a way to be able to position it other than the default position at the top.. again for break points?

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: MULTI RESPONSIVE MENU

Post by Patrik iden »

andyp wrote:Thanks Patrik...

On a quick test this looks like it is fully responsive... so well done.. :)

Would this then make the setting for the page width invalid?

Is there a way to be able to position it other than the default position at the top.. again for break points?

Thanks

AndyP
I have removed the page width setting from this update: https://mega.co.nz/#!JtNBGZ5D!etlrO9Z3Q ... b0j88oCRhg
To move it down from the top set the "fixed position" option to "No", and then you can use the "Menu position from top" option to move the menu down.
andyp
 
 
Posts: 224
Joined: Fri Aug 08, 2014 8:56 am
Location: Brighton UK
Contact:

Re: MULTI RESPONSIVE MENU

Post by andyp »

Ok all seems to work great now thanks.. looks like it is fully responsive to all sizes.. so well done!

The only thing is being able to freely position it to suit each specific break point other than the top because the setting would be fixed throughout the project where I am using a master page.

However... it looks like I will keep it at the top.

Thanks again Patrik :)

Regards

Andrew Peters
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: MULTI RESPONSIVE MENU

Post by Patrik iden »

Hey, you can use this css if you want the menu to have different top positioning for differnt brakepoints:

Code: Select all

<style>
@media screen and (min-width: 971px) {
.ribbon{
position: absolute;
margin-top: 20px;
    }
}

@media screen and (min-width: 581px) and (max-width: 970px) {
.ribbon{
position: absolute;
margin-top: 40px;
    }
}

@media screen and (min-width: 320px) and (max-width: 580px) {
.ribbon{
position: absolute;
margin-top: 60px;
    }
}
</style>
Ohh and yes, dont forget to make the menu not wider than the smallest BP. If your smallest BP is 320px set the menu width to 320 as well (In the workspace that is).
andyp
 
 
Posts: 224
Joined: Fri Aug 08, 2014 8:56 am
Location: Brighton UK
Contact:

Re: MULTI RESPONSIVE MENU

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
mustafa.gramocelji
 
 
Posts: 25
Joined: Sat Jan 10, 2015 10:07 pm

Re: MULTI RESPONSIVE MENU

Post by mustafa.gramocelji »

One question I use MRM v.1.1.0.0 updated in Jun and when I make preview in IE all is normal but in FF and chrome I got menu buttons RED . What is problem here :( ?
User avatar
Patrik iden
 
 
Posts: 479
Joined: Wed Mar 24, 2010 9:07 pm
Location: Sweden

Re: MULTI RESPONSIVE MENU

Post by Patrik iden »

mustafa.gramocelji wrote:One question I use MRM v.1.1.0.0 updated in Jun and when I make preview in IE all is normal but in FF and chrome I got menu buttons RED . What is problem here :( ?
Do you have an url or a project file?
mustafa.gramocelji
 
 
Posts: 25
Joined: Sat Jan 10, 2015 10:07 pm

Re: MULTI RESPONSIVE MENU

Post by mustafa.gramocelji »

Patrik iden wrote:
mustafa.gramocelji wrote:One question I use MRM v.1.1.0.0 updated in Jun and when I make preview in IE all is normal but in FF and chrome I got menu buttons RED . What is problem here :( ?
Do you have an url or a project file?

give me minute will be upload

www.mujanovici.com.ba/screen/RED%20MENU.ZIP
User avatar
Patrik iden
 
 
Posts: 479
Joined: Wed Mar 24, 2010 9:07 pm
Location: Sweden

Re: MULTI RESPONSIVE MENU

Post by Patrik iden »

mustafa.gramocelji wrote:
Patrik iden wrote:
mustafa.gramocelji wrote:One question I use MRM v.1.1.0.0 updated in Jun and when I make preview in IE all is normal but in FF and chrome I got menu buttons RED . What is problem here :( ?
Do you have an url or a project file?

give me minute will be upload

http://www.mujanovici.com.ba/screen/RED%20MENU.ZIP
Hey, ware did this update come from, the last update is 2015-05-05 and the version is: v1.0.0.1. Please always download from the bottom of the first post.
Please try and download again.
mustafa.gramocelji
 
 
Posts: 25
Joined: Sat Jan 10, 2015 10:07 pm

Re: MULTI RESPONSIVE MENU

Post by mustafa.gramocelji »

I can upload you that extension so you can see I think that you was made some change for andyp
User avatar
Patrik iden
 
 
Posts: 479
Joined: Wed Mar 24, 2010 9:07 pm
Location: Sweden

Re: MULTI RESPONSIVE MENU

Post by Patrik iden »

mustafa.gramocelji wrote:I can upload you that extension so you can see I think that you was made some change for andyp
Yes but the version is still: v1.0.0.1
User avatar
Patrik iden
 
 
Posts: 479
Joined: Wed Mar 24, 2010 9:07 pm
Location: Sweden

Re: MULTI RESPONSIVE MENU

Post by Patrik iden »

This comment is moved to bottom.
Last edited by Patrik iden on Wed Jun 24, 2015 6:29 pm, edited 2 times in total.
mustafa.gramocelji
 
 
Posts: 25
Joined: Sat Jan 10, 2015 10:07 pm

Re: MULTI RESPONSIVE MENU

Post by mustafa.gramocelji »

Patrik iden wrote:
mustafa.gramocelji wrote:I can upload you that extension so you can see I think that you was made some change for andyp
Yes but the version is still: v1.0.0.1
Last edited by mustafa.gramocelji on Wed Jun 24, 2015 6:32 pm, edited 1 time in total.
User avatar
Patrik iden
 
 
Posts: 479
Joined: Wed Mar 24, 2010 9:07 pm
Location: Sweden

Re: MULTI RESPONSIVE MENU

Post by Patrik iden »

Yes i can see this, but this is wrong, look at the Extension it self after you have draged it on to your workspace it says v1.0.0.1. But never mind. The problems you are having is that you do not have any links. You must point you'r links to actual/real links, eg, HOME = index.html. So the red color you are having is the Active link color. If you want to test the menu without links you can: 1. Set the Use Active links setting to "No". 2. Set the color for the Active links to the same color as the Bigscreen menu colors.
mustafa.gramocelji
 
 
Posts: 25
Joined: Sat Jan 10, 2015 10:07 pm

Re: MULTI RESPONSIVE MENU

Post by mustafa.gramocelji »

Patrik iden wrote:Yes i can see this, but this is wrong, look at the Extension it self after you have draged it on to your workspace it says v1.0.0.1. But never mind. The problems you are having is that you do not have any links. You must point you'r links to actual/real links, eg, HOME = index.html. So the red color you are having is the Active link color. If you want to test the menu without links you can: 1. Set the Use Active links setting to "No". 2. Set the color for the Active links to the same color as the Bigscreen menu colors.
Yes I get that now
my apologize if I was annoying you and again one more time BIG THANKS mate :)
one of best :)
User avatar
Patrik iden
 
 
Posts: 479
Joined: Wed Mar 24, 2010 9:07 pm
Location: Sweden

Re: MULTI RESPONSIVE MENU

Post by Patrik iden »

mustafa.gramocelji wrote:
Patrik iden wrote:Yes i can see this, but this is wrong, look at the Extension it self after you have draged it on to your workspace it says v1.0.0.1. But never mind. The problems you are having is that you do not have any links. You must point you'r links to actual/real links, eg, HOME = index.html. So the red color you are having is the Active link color. If you want to test the menu without links you can: 1. Set the Use Active links setting to "No". 2. Set the color for the Active links to the same color as the Bigscreen menu colors.
Yes I get that now
my apologize if I was annoying you and again one more time BIG THANKS mate :)
one of best :)
Thank's. Hope it works out ok :)
User avatar
Patrik iden
 
 
Posts: 479
Joined: Wed Mar 24, 2010 9:07 pm
Location: Sweden

Re: MULTI RESPONSIVE MENU

Post by Patrik iden »

Well i gues you can do like this: Add an HTML box and put this code in it (between <head></head> tag:

Code: Select all

.rmm-toggled-title{
background-image: url("http://your_domain.com/your_images_folder/your_image.png");
background-repeat: no-repeat;
height: 48px; /* or what ever size you want */
width: 48px; /* or what ever size you want */
margin-left: 25px; /* or where ever you want to place the image from the left */
In extension settings for the Navigation text set the Navigation text top setting to 0 (zero) or where ever you want to place the image from the top.

Then remove the Navigation text from Extension settings

But this only works for the mobile view menu. And i cant get any link to function.
User avatar
Patrik iden
 
 
Posts: 479
Joined: Wed Mar 24, 2010 9:07 pm
Location: Sweden

Re: MULTI RESPONSIVE MENU

Post by Patrik iden »

wennbley wrote:Hi Patrik, is this project still live? The link is not working now.
Try now: https://mega.nz/#!sgFnWZhK!jBz_Lh7PdueO ... ukHoAY0I-I
burglar
 
 
Posts: 5
Joined: Sun Aug 22, 2010 9:23 am
Location: uk
Contact:

Re: MULTI RESPONSIVE MENU

Post by burglar »

The menu does not work in Master Frame?

It is visible when i preview my master frame page, but not when i preview my site pages??
Post Reply