CF8.01 and CFMEnu

Bhakti,
Are we any closer to getting the original issue fixed? I am speaking of the one brought to your attention by ClaytonCf8. We cannot update our servers until we have a fix in place and some of the updates are necessary as they fix bugs that we are having in other areas within CF8. This has been ongoing since April and so could you please give an update of some kind? We have another application that will be going live soon and there are some issues with grids that are addressed in some of the updates that we can't apply because of this issue.
Thanks.

That would get the divider back but the first item (the top most row) will have a thicker top border (since it will have the 1px top border plus the 1px table border).

It looks OK for my situation so I am using your fix however I am not certain everyone would like the thicker top border.

Thanks again.

Hi,

I agree with you.
Instead of changing ".yuimenu ul" try doing this.
Remove the padding line from ".yuimenu" as shown below.
.yuimenu {

background-color:#ffffff;
border:solid 1px #cccccc;

}


This will make the divider also work.

Thanks,
Bhakti

Oh... a new issue:

One of the fixes to remove the upper border line of the VERITCAL CFMENU will also remove the <cfmenuitem divider="true" />ability. Those dividing lines are now gone if you remove the top border width from the CSS below.

This part has been modified in the YUI.CSS

.yuimenu ul {

list-style-type:none;
border:solid 1px #c4c4be;
border-width:1px 0 0 0;
margin:0;
padding:4px 0;

}

Just want to make sure the next update has these fixes done.

Thanks.

Your solution "sort of" help me towards the right direction. Actually I took off all the CHILDSTYLE setting and the SubMenu indicators was still messed up. I think it is important for Adobe to test solutions with Internet Explorer 6.0 (what I am using). That browser has some bugs with CSS styles.

For example:
Some of the margins used em and auto for figuring out margins of the sub menu indicators. Those don't work properly with IE 6.

margin:-.9em auto 4px -16px;

I had to pretty much hard code YUI.CSS to get it working similar to what I had before.

Also your solution wouldn't solve the mystery CSS code added (will always have underline when hover) if the SELECTEDITEMCOLOR parameter is used with CFMENU.

I am reflecting the usefulness of CFMENU for future projects since new updates would probably overwrite any changes done on YUI.CSS and I would be back to step 1. This is the first time I had an update visibly change a lot of what was done before.

Thanks Bhakti for all your help.

Hi,
We have a workaround for you, which actually worked for us.
First of all, this issue is because you are setting the padding in childstyle. Childstyle is majorly used for setting the colors and the font. In case you want to set the padding you can either do it directly in YUI.css at this place
For vertical menus:
.yuimenuitemlabel {
padding:6px 24px 4px 30px ;
outline:none;
}
For horizontal menus:
.yuimenubaritemlabel {
border-width:0 0 0 1px;
border-style:solid;
border-color:#c4c4be;
padding:4px 24px;
}
Ofcourse this would apply to all the menus so other way would be by having a
<style> #hmenu
.yuimenuitemlabel {
padding:6px 24px 4px 30px ;
outline:none;
}

<cfmenu name="hmenu" ...

Or
<cfajaximport cssSrc="xyz.css">
Here you can specify all your styles in xyz.css and use this tag in your cfm page

As far as possible its better not to use childstyle for padding.
Try using this and do lets us know if you are able to get rid of the padding and submenuindicator issue

Thanks,
Bhakti
Adobe ColdFusion team

Is there any update on this issue? Or can you mention ways I can get the padding and the menu subdivision to work manually?

Thanks.

Hi,

We are looking into the submenu indicator and padding issue, and we should be able to come up with a fix soon.

-Fix the border issue with this:
Under the /CFIDE/scripts/ajax/resources/yui/yui.css file, the line border-width (as shown below) has to be changed to
"border-width:0 0 0 0;"
.yuimenu ul {
list-style-type:none;
border:solid 1px #c4c4be;
border-width:1px 0 0 0;
margin:0;
padding:4px 0;
}

We were able to remove the underline issue by taking off the 'text-decoration:underline' from:
<style>
#hmenu .yuimenuitem a.selected
.yuimenubaritem a.selected {
background-color:#ddddff;
text-decoration:underline;
color:#fff;
}
</style>

Have you tried changing the YUI.css directly with this change?

-Bhakti
Adobe ColdFusion Team

I am experiencing a similar problem too when upgrading to 8.0.1 (and also when the project is ready to go to production). When getting the production server ready, I got hit with the weird CFMENU bug. It is a VERTICAL menu and is located within a table. My CFMENU width is set at 110 pixels and am using IE 6.

Issues:
- When using SubMenus, the submenu indicator appears WITHIN the menu text.
- The padding is off
- There is also an additional border on the top of the menu lists.
- Links are automatically underlined when you hover over it.

I found out that it is caused wby the SELECTEDITEMCOLOR paramater. It will ADD in an extra CSS style:

<style>#hmenu .yuimenuitem a.selected {background-color:#ddddff;text-decoration:underline;color:#fff;}
</style>

There is no way to remove this (even by modifying YUI.CSS). The new version of YUI.CSS is actually smaller then the initial CF 8.0 version.

Any help from Adobe would be greatly appreciated as the product is near finish and I rather not have to recode the menus because it WAS working before.