Old :
<ExpandEffects ShadowColor="Black" ShadowWidth="2"></ExpandEffects>
New: ?? Please let me know the class name and please provide me with sample code.
Thank you.
Isaac
Hi Isaac,
Thank you for posting in the community.
You should be able to set a shadow of WebDataMenu's submenus using the .igdm_MenuScrollContainerVertical (or respectively .igdm_MenuScrollContainerHorizontal ) CSS class in the ig_datamenu.css file. Please note that different browsers require different CSS definitions for shadow effects.
Here is some sample code:
.igdm_MenuScrollContainerVertical{ background-color:White; border:solid 1px #CCCCCC; color:Black; -moz-box-shadow: 6px 6px 5px 4px #ccc; -webkit-box-shadow: 6px 6px 5px 4px #ccc; box-shadow: 6px 6px 5px 4px #ccc; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ccc')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ccc'); }
.igdm_MenuScrollContainerVertical{ background-color:White; border:solid 1px #CCCCCC; color:Black; -moz-box-shadow: 6px 6px 5px 4px #ccc; -webkit-box-shadow: 6px 6px 5px 4px #ccc; box-shadow: 6px 6px 5px 4px #ccc; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ccc')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ccc');
}
A useful reference for setting up shadow effects using CSS can be found at:
http://css-tricks.com/snippets/css/css-box-shadow/
You may find additioanl useful information regarding how the filter attribute works (that's for IE8 and lower) at:
http://msdn.microsoft.com/en-us/library/ms533754%28v=vs.85%29.aspx
Please let me know if this helps.
Hi Petar,
Thank you very much. Class info really helped. Appreciate your response, but one question though, when I click the compatibility view for 9 , webdatamenu completely dissapears, and when i switch it back on, it appears again..when it dissapears, if i play with any one style property using developer tools, it appears and when i do a refresh it gone. any idea on what might be casuing this dissappearance.
Thank you again for your response before.
Hi IsaacG,
Please feel free to contact me if you need further assistance regarding this scenario.
Thank you for your reply.
Can you provide me with some information on the javascript messages which you are getting. This will allow me to research the matter in more detail.
I tried and Its the same issue again with more java script error, I suspect it has something to to with the styling.
IsaacG
For IE6, can you try setting GroupSettings-EnableAnimation to true and GroupSettings-AnimationDuration to 0 (this should not infer any differences in the appearance of your page in other browsers).
Please find the sample here :
http://www.ge.tt/#!/9NyIkiC/v/0
Its runs ok with Ie 9 and 8, but doesnt work with ie6. I tried modifying the classes in ig_datamenu.css for ie6 but no luck.
Heres is the problem: There are 3 items in menu and first and thrid has the submenyu. When you hover on thrid for first time it shown 2 list items but when you hover on second and then hover on third, it doesn;t display the 2 list items.
Please let me know if you need more info on this. Thank you.