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
595
Styling guide for the WebDataMenu?
posted

Is there a styling guide/tutorial for the WebDataMenu? I attempted to create my own style as follows:

 .igdm_ControlHorizontal      /* The actual control properties */
{
 cursor:default;
 float:left;
 white-space:nowrap;
 font-family:Verdana,Sans-serif;
 background-image:none;
 background-color:#666;
 border:0px none;
 margin-left:1px;
}
.igdm_MenuItemHorizontalRootLink   /* The style of the links on the main toolbar*/
{
 text-decoration:none;
 font-family:Verdana,Sans-serif;
 font-size:12px;
 cursor:default;
 color:#FFF;
 font-weight:bold;
}
.igdm_MenuItemHorizontalRootSelected  /* The style of any selected links without any children  */ 
{
 background:#666;
 border:none;
 color:#55AE3A;
}
.igdm_MenuItemHorizontalRootActive > a  /* The style of any top-level link */
{
 color:#FFF;
}
.igdm_MenuItemHorizontalRootActive   /* The style of the selected top level item with children */
{
 background-image:none;
 background-color:#666;
 border:none;
}
.igdm_MenuItemHorizontalRootHover   /* The style of the top level items when hovered */
{
 background-image:none;
 background-color:#666;
 border:none;
}
.igdm_MenuItemHorizontalRootHover > a  /* The colour of the top level item links when hovered */
{
 color:#55AE3A;
}
.igdm_MenuGroupVertical      /* The style of the child items */
{
 background-color:#DDD;
 padding-left:0px;
 cursor:default;
 list-style-type:none;
 padding-top:0px;
 margin:0px;
 border:1px solid #FFF;
}
.igdm_MenuItemVertical      /* Don't know! */
{
 margin:0px;
 color:#333;
 background:Transparent none repeat scroll 0 0;
 padding:5px;
 border:1px solid transparent;
}
.igdm_MenuItemVerticalSelected > a   /* The style of the selected child item */
{
 color:#000;
}
.igdm_MenuItemVerticalHover     /* The style of the child items when hovered */
{
 margin:0px;
 background-color:#FFF;
 border:1px solid #000;
 font-weight:normal;
}
.igdm_MenuItemVerticalHover > a    /* The colour of the child level item links when hovered */
{
 color:#55AE3A;
}

Unfortunately these changes are not visible in IE6? They work fine in FF, IE7, IE8.

Are there any guides for styling other Infragistics controls, such as the WebDataGrid?

 

Parents Reply Children