Page 1 of 1
masterframe menu slide out behind content
Posted: Sun Jan 19, 2020 9:48 pm
by ART
I am having a masterframe with a menu. The menu of the masterframe slides out behind the contentplace holder instead of being above it. How can i fix that?
Re: masterframe menu slide out behind content
Posted: Mon Jan 20, 2020 6:55 am
by Pablo
Did you make sure all other content has a higher z-order?
Re: masterframe menu slide out behind content
Posted: Mon Jan 20, 2020 7:53 am
by ART
I normally do not work with z-orders (WYSIWYG? ). Even so I never came across this problem in the last 10 years i use your software. It will really be a lot of work to insert a z-order in all other content.
Re: masterframe menu slide out behind content
Posted: Mon Jan 20, 2020 8:22 am
by BaconFries
You don't have to worry about working with z-orders, you simply select either Move to Front/Move Forward on the object's that have to have a higher position in the page!!
Re: masterframe menu slide out behind content
Posted: Mon Jan 20, 2020 8:31 am
by ART
@BF I am aware of that. If I do it on the masterframe it moves the items in the masterframe.
But the menu is in the masterframe and it slides out behind the content of the "slave" page.
Re: masterframe menu slide out behind content
Posted: Mon Jan 20, 2020 9:01 am
by BaconFries
Then try the following inserting in Page HTML between <head></head> tags also change menu to the name of the menu you are using..
Code: Select all
<style>
#menu
{
z-index: 9999 !important;
}
</style>
Re: masterframe menu slide out behind content
Posted: Mon Jan 20, 2020 12:46 pm
by ART
No change. Have done that in Masterframe and thereafter content page.
Re: masterframe menu slide out behind content
Posted: Mon Jan 20, 2020 12:56 pm
by Pablo
Without seeing what you have done, it will be difficult to help you.
Re: masterframe menu slide out behind content
Posted: Mon Jan 20, 2020 1:56 pm
by ART
I have sent you an example.
Re: masterframe menu slide out behind content
Posted: Mon Jan 20, 2020 2:15 pm
by Pablo
The solution provided by BaconFries was correct.
Of course, you will need to change 'menu' with the actually ID of the menu:
Code: Select all
<style>
#wb_Menu
{
z-index: 9999 !important;
}
</style>
Re: masterframe menu slide out behind content
Posted: Mon Jan 20, 2020 2:38 pm
by ART
Please point out what i do wrong.
In the example i sent you the menu ID is: "menu" and the html code between heads in the masterframe is as follows:
<style>
menu
{
z-index: 9999 !important;
}
</style>
Re: masterframe menu slide out behind content
Posted: Mon Jan 20, 2020 3:01 pm
by BaconFries
As I don't have access to your site or demo project I can only repeat what has been previously mentioned. Insert the code below using Page HTML between <head></head> replacing the ID to match your own.
Code: Select all
<style>
#wb_Menu <<<< rename to the ID of the menu you are using...
{
z-index: 9999 !important;
}
</style>
Re: masterframe menu slide out behind content
Posted: Mon Jan 20, 2020 3:07 pm
by ART
I have sent a demo to pablo with the contents as described in my previous post and i can sent it to you as well or share through google drive
Re: masterframe menu slide out behind content
Posted: Mon Jan 20, 2020 3:43 pm
by Pablo
Please see the difference between your code and my code.
Also, note that HTML is case sensitive.
Re: masterframe menu slide out behind content
Posted: Mon Jan 20, 2020 5:02 pm
by ART
Pablo
This is a bit a riddle to me.
In the html between heads i have copied and pasted the text from BF:
I have used the name Menu with and without capital letter.
I have renamed the menu to menu1.
I have put # before the menu ID in the html and tried it without.
I have refreshed the pages.
I have deleted the browser cache.
It does NOT work at all !
The problem does not exist with my other pages.
The problem does not exist when i preview the masterframe itself
Re: masterframe menu slide out behind content
Posted: Mon Jan 20, 2020 5:55 pm
by Pablo
The correct code for the project you have sent me is:
<style>
#wb_Menu
{
z-index: 9999 !important;
}
</style>
Re: masterframe menu slide out behind content
Posted: Mon Jan 20, 2020 10:48 pm
by ART
Yes this works.Thanks Pablo and BF. However, strangely enough the ID in my property manager is Menu and not #wb_Menu as you will be able to see on the printscreen i will sent you. Or is this not the real ID of the menu and should i look elsewhere for the menu name?
Re: masterframe menu slide out behind content
Posted: Tue Jan 21, 2020 7:19 am
by Pablo
As with most objects, the 'wb_' is added by WWB to be able to position the object on the page.
You can see this by looking at the HTML code.
Re: masterframe menu slide out behind content
Posted: Tue Jan 21, 2020 7:56 am
by ART
OK. Pity this is not at all displayed in the object manager and the property managers.
Re: masterframe menu slide out behind content
Posted: Tue Jan 21, 2020 9:10 am
by Pablo
The reason for this is because the prefix is not added until the page is published.
Whether of not the prefix is added also depend on the context of the object. For example, whether it part of a layer, layout grid, flexible etc.
Normally you do not have to worry about this, but in this special case it does make a difference.
Re: masterframe menu slide out behind content
Posted: Tue Jan 21, 2020 10:14 am
by ART
OK I understand this is complicated. It must have something to with card deck. I placed other items higher on the page and then there was no problem. Anyway I was unaware of this all and i normally do not get into HTML, but rely on the id in the managers of the WYSIWYG program. Unfortunately it costed you time and me a couple of hours. But i am glad it now works.