No subpages visible in menu using member login page

92 Posts

showa26 Reply #1, 14 years, 6 months ago

I created a member page for logged in members here is also a subpage (calendar) I am still using localhost to test the system.

On the member page I put in a side bar dewplayer.

No I have got two issues:

!. Using Safari after login the member is redirected to the member page. Using Safari the subpages do not show up in the menu. In Firefox they do show up.

2. Dewplayer is visible in Safari but not in Firefox.

Does somebody know how these problems occur, and more important how to solve them.

1,613 Posts

fourroses666 Reply #2, 14 years, 6 months ago

maybe because ur logged in as admin, try both browsers while not being logged in.

Evolution user, I like the back-end speed and simplicity

92 Posts

showa26 Reply #3, 14 years, 6 months ago

No change!

92 Posts

showa26 Reply #4, 14 years, 6 months ago

By the way when I am in Safari on the subpage of the member page all other subpages are showing up.

☆ A M B ☆
1,780 Posts

Frogabog Reply #5, 14 years, 6 months ago

Check your wayfinder call. Do you see &hideSubMenus?

&hideSubMenus only works on the page the submenus actually reside in. So, the parent page (the member login) page sounds like it's not showing submenus, but when you look at a sub page, they show back up.

If it's in the call, remove &hideSubMenus and see if they show up on the member page.

Frogabog- MODX Websites in Portland Oregon
"Do yourself a favor and get a copy of "MODX - The Official Guide" by Bob Ray. Read it.
Having server issues? These guys have MODX Hosting perfected - SkyToaster

92 Posts

showa26 Reply #6, 14 years, 6 months ago

There is no &hideSubMenus in wayfinder.

☆ A M B ☆
1,780 Posts

Frogabog Reply #7, 14 years, 6 months ago

Sounds like it's in your css then. Do the submenus show in chrome and IE? Did the submenus show cross browser before you created the member login page?

Frogabog- MODX Websites in Portland Oregon
"Do yourself a favor and get a copy of "MODX - The Official Guide" by Bob Ray. Read it.
Having server issues? These guys have MODX Hosting perfected - SkyToaster

92 Posts

showa26 Reply #8, 14 years, 6 months ago

I tested it in opera and there i am missing a lot. In Chrome everything is functioning normally In Safari I am missing the subpages when I am on de member page and in Firefox There is no Dewplayer. I think trying to use IE on a Mac would make Steve turn in his grave

I do not know if the submenus show cross browser before I created the member login.

I am using Flexibilty from Designfromwithin this is based on Foundation http://foundation.zurb.com/

I think also it is a css problem. [ed. note: showa26 last edited this post 14 years, 6 months ago.]

☆ A M B ☆
1,780 Posts

Frogabog Reply #9, 14 years, 6 months ago

Ahhh, that's it. There's something wonky with the current Flexibility css for the menu. Menno helped me fix mine yesterday. The next version of Flexibility will have this change.

Replace the entire header nav#main_nav with the code below. You'll want to use your own background colors and play with the sizes if your menu doesn't need it as wide as this is. I've doubled the width everywhere except for the main ul li which also meant altering the positioning of the submenus.

If you want to know what was changed, let me know. Not much really, but enough to make the difference.

header nav#main_nav ul {
	margin:auto;
	padding:0;
	z-index: 10000;
	float: right;
}
header nav#main_nav ul li {
	float:left;
	position:relative;
	font-size:10px;
	list-style:none;
	margin:0;
	min-width:100px;
	text-align:center;
	text-transform:uppercase;
	border-right:1px solid #ccc;
	background: #713b43; 
}
header nav#main_nav ul li:first-child {
	border-left:1px solid #ccc;
}
header nav#main_nav ul li a {
	padding:0px 10px 0px 10px;
	display:block;
	font-family: 'Galdeano', sans-serif;	
	font-size: 14px;
	color:rgba(255,255,255,0.6);
	text-decoration:none;
}
header nav#main_nav ul li.active,
header nav#main_nav ul li:hover {
	background: rgb(240,183,161); 
}
header nav#main_nav ul li.active a {
	color: #ffffff;
}
header nav#main_nav ul li a:hover {
	color:#fff;
}
header nav#main_nav ul li:hover > a {
	color:#fff;
}
header nav#main_nav ul li span {
	background:url(arrow.png) center no-repeat;
	height:10px;
	position:absolute;
	text-indent:-9999px;
	top:10px;
	right:5px;
	width:10px;
}
header nav#main_nav ul li span.arrow {
	background-position:0 2px;
}
header nav#main_nav ul li span.arrow-right {
	background-position:-10px 2px;
}
header nav#main_nav ul li ul.sublist {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
	left:0px;
	top:40px;
	background:#222;
	min-width:180px;
	opacity:0;
	visibility:hidden;
	-moz-transition:opacity 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;
	-webkit-transition:opacity 0.3s ease-out, visibility 0.1s 0.1s linear;
	-o-transition:opacity 0.3s ease-out, visibility 0.1s 0.1s linear;
	transition:opacity 0.3s ease-out, visibility 0.1s 0.1s linear;
}
header nav#main_nav ul li ul.sublist li {
	border:none;
	clear:both;
	margin-top:-15px;
	padding:0;
	width:180px;
	-moz-transition:opacity 0.1s 0.15s ease-out, margin 0.3s 0.1s ease-out;
	-webkit-transition:opacity 0.1s 0.15s ease-out, margin 0.3s 0.1s ease-out;
	-o-transition:opacity 0.15s 0.15s ease-out, margin 0.3s 0.1s ease-out;
	transition:opacity 0.15s 0.15s ease-out, margin 0.3s 0.1s ease-out;
}
header nav#main_nav ul li ul.sublist li a {
	color:rgba(255,255,255,0);
	border-top: 1px solid #ccc;
}
header nav#main_nav ul li:hover ul.sublist {
	opacity:1;
	visibility:visible;
}
header nav#main_nav ul li:hover ul.sublist li {
	margin-top:0;
	opacity:1;
}
header nav#main_nav ul li:hover ul.sublist li a {
	color:rgba(255,255,255,0.6);	
	-moz-transition:color 0.1s ease-out;
	-webkit-transition:color 0.1s ease-out;
	-o-transition:color 0.1s ease-out;
	transition:color 0.1s ease-out;
}
header nav#main_nav ul li:hover ul.sublist li a:hover {
	color:rgba(255,255,255,1);	
	-moz-transition:color 0.3s ease-out;
	-webkit-transition:color 0.3s ease-out;
	-o-transition:color 0.3s ease-out;
	transition:color 0.3s ease-out;
}
header nav#main_nav ul li:hover ul.sublist li:hover > a {
	color:#fff;
}
/* SUB SUB LIST */
header nav#main_nav ul li ul.sublist li ul.sublist {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
	left:59px;
	top:0px;
	background:#222;
	width:180px;
	opacity:0;
	visibility:hidden;
	-moz-transition:opacity 0.2s 0.01s ease-in-out, left 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;
	-webkit-transition:opacity 0.2s 0.01s ease-in-out, left 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;
	-o-transition:opacity 0.2s 0.01s ease-in-out, left 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;
	transition:opacity 0.2s 0.01s ease-in-out, left 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;
}
header nav#main_nav ul li ul.sublist li ul.sublist li{
	border:none;
	border-left:1px solid #ccc;
	clear:both;
	margin:0;
	padding:0;
	width:180px;
	opacity:1;
}
header nav#main_nav ul li ul.sublist li:hover ul.sublist {
	opacity:1;
	left:180px;
	visibility:visible;
}
header nav#main_nav.mobile_nav li {
	float: left;
	width: 50%;
	text-align: center;
	border-right:none;
	padding: 0px;
	background:#222;
	line-height:30px;
}
header nav#main_nav.mobile_nav ul {
	float: none;
}
header nav#main_nav.mobile_nav ul li:first-child {
	border-left:none;
}
header nav#main_nav.mobile_nav li ul {
	display: none;
}

Frogabog- MODX Websites in Portland Oregon
"Do yourself a favor and get a copy of "MODX - The Official Guide" by Bob Ray. Read it.
Having server issues? These guys have MODX Hosting perfected - SkyToaster

☆ A M B ☆
1,780 Posts

Frogabog Reply #10, 14 years, 6 months ago

For the Dewplayer to display in Firefox, I disabled the height in the following class in foundation.css and it showed right up. (firebug) You'll want to play with it some to see what works and doesn't.

img, object, embed {
    [s]height: auto;[/s]
    max-width: 100%;
}

Also, I would suggest finding a way to test in IE on a Mac. I imagine Steve is/was ok with cross browser testing, including IE. Unfortunately it remains a necessary evil as it seems like there's always something that's mucked up in IE and many people in this world either refuse to, or just plain have no idea they can use another browser. Plus, there seem to be a lot of applications out there that do this very thing.

EDIT: ok, well strikethrough doesn't work when it's within the code tags, so pretend the width is struck through and the tags that say del aren't there.

Frogabog- MODX Websites in Portland Oregon
"Do yourself a favor and get a copy of "MODX - The Official Guide" by Bob Ray. Read it.
Having server issues? These guys have MODX Hosting perfected - SkyToaster