Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
215
shadow effect in WebDataMenu
posted

Hi, We were updgrading from old to new infragistics 11.2, and which class in ig_datamenu should i play with inorder to get the shadow feature for submenu's of the old infragistics.

 

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

Parents
No Data
Reply
  • 49378
    Verified Answer
    posted

    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');

    }

    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.

Children