MULTI RESPONSIVE MENU

LTH · Post by **LTH** » Fri May 01, 2015 10:53 pm

It should be there soon. Thx

Patrik iden · Post by **Patrik iden** » Fri May 01, 2015 11:42 pm

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 · Post by **LTH** » Sat May 02, 2015 12:01 am

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.

Patrik iden · Post by **Patrik iden** » Tue May 05, 2015 12:11 am

Hello. I have fixed some small bugs. Please download again.

mayur007 · Post by **mayur007** » Mon May 25, 2015 11:34 am

nice work

redbadnap · Post by **redbadnap** » Thu May 28, 2015 9:34 am

Great work!

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

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

Patrik iden · Post by **Patrik iden** » Thu May 28, 2015 10:41 am

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 · Post by **redbadnap** » Thu May 28, 2015 11:43 am

Ok ok, no problem, it's just to experience the capabilities of the extension, but it also happens synchronizing with site manager ...

tdr · Post by **tdr** » Tue Jun 02, 2015 10:08 am

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

Patrik iden · Post by **Patrik iden** » Tue Jun 02, 2015 6:16 pm

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 · Post by **tdr** » Wed Jun 03, 2015 2:10 am

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

Patrik iden · Post by **Patrik iden** » Wed Jun 03, 2015 12:09 pm

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 · Post by **TrevH** » Tue Jun 09, 2015 3:09 pm

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

Patrik iden · Post by **Patrik iden** » Tue Jun 09, 2015 3:50 pm

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 · Post by **TrevH** » Tue Jun 09, 2015 4:46 pm

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

Patrik iden · Post by **Patrik iden** » Tue Jun 09, 2015 4:55 pm

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 · Post by **TrevH** » Tue Jun 09, 2015 5:14 pm

Hi Patrik,

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

Patrik iden · Post by **Patrik iden** » Tue Jun 09, 2015 6:58 pm

This is what support says: http://wysiwygwebbuilder.com/forum/view ... 86#p337786

tdr · Post by **tdr** » Thu Jun 11, 2015 10:05 am

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 · Post by **tdr** » Thu Jun 11, 2015 10:58 am

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!

Patrik iden · Post by **Patrik iden** » Thu Jun 11, 2015 11:28 am

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 · Post by **andyp** » Sun Jun 21, 2015 9:25 pm

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

Patrik iden · Post by **Patrik iden** » Sun Jun 21, 2015 10:34 pm

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 · Post by **andyp** » Sun Jun 21, 2015 10:41 pm

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....

andyp · Post by **andyp** » Sun Jun 21, 2015 11:09 pm

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

Patrik iden · Post by **Patrik iden** » Mon Jun 22, 2015 12:26 am

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.

Patrik iden · Post by **Patrik iden** » Mon Jun 22, 2015 12:35 am

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 · Post by **andyp** » Mon Jun 22, 2015 12:56 am

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

Thanks
Andyp

Patrik iden · Post by **Patrik iden** » Mon Jun 22, 2015 1:44 am

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 · Post by **andyp** » Mon Jun 22, 2015 10:12 am

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

Patrik iden · Post by **Patrik iden** » Mon Jun 22, 2015 11:47 am

OK, try this one: https://mega.co.nz/#!MtkHjKLR!SQsdBkGQG ... gjmMLELXUg
Make sure to uninstall and reinstall.

andyp · Post by **andyp** » Mon Jun 22, 2015 12:30 pm

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

Patrik iden · Post by **Patrik iden** » Mon Jun 22, 2015 12:43 pm

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 · Post by **andyp** » Mon Jun 22, 2015 1:46 pm

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

Patrik iden · Post by **Patrik iden** » Mon Jun 22, 2015 7:16 pm

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 · Post by **andyp** » Mon Jun 22, 2015 9:47 pm

Ok thanks

mustafa.gramocelji · Post by **mustafa.gramocelji** » Wed Jun 24, 2015 4:53 pm

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

?

Patrik iden · Post by **Patrik iden** » Wed Jun 24, 2015 5:20 pm

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 · Post by **mustafa.gramocelji** » Wed Jun 24, 2015 5:23 pm

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

Patrik iden · Post by **Patrik iden** » Wed Jun 24, 2015 5:49 pm

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 · Post by **mustafa.gramocelji** » Wed Jun 24, 2015 5:52 pm

I can upload you that extension so you can see I think that you was made some change for andyp

Patrik iden · Post by **Patrik iden** » Wed Jun 24, 2015 5:54 pm

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

Patrik iden · Post by **Patrik iden** » Wed Jun 24, 2015 6:23 pm

This comment is moved to bottom.

mustafa.gramocelji · Post by **mustafa.gramocelji** » Wed Jun 24, 2015 6:27 pm

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

Patrik iden · Post by **Patrik iden** » Wed Jun 24, 2015 6:29 pm

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 · Post by **mustafa.gramocelji** » Wed Jun 24, 2015 6:31 pm

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

Patrik iden · Post by **Patrik iden** » Wed Jun 24, 2015 6:36 pm

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

Patrik iden · Post by **Patrik iden** » Sun Jul 12, 2015 12:59 pm

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.

Patrik iden · Post by **Patrik iden** » Fri Jul 17, 2015 2:32 pm

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 · Post by **burglar** » Fri Jul 31, 2015 10:56 pm

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??