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?
Hello,
You can import all styles that we have as you open Visual Studio drag WebDataMenu on the page, switch to design view, then find property called StyleSetName, click on it and you should be given the option to choose StyleSet that will be imported.
If you would like to modify a particular StyleSet you can locate it in ig_res folder of your project. All CSSs and images are there.
Hope that helps.
So that's a no then. Where did you get the style names from. I have searched the documentation and can find no mention of them.
Unfortunately it just freezes and crashes all the time. I'd prefer to work with some documentation instead if there's any available?
Hello Will,
Did you try AppStylist?
more information you can see here:
http://help.infragistics.com/Help/NetAdvantage/ASPNET/2009.1/CLR3.5/HTML/Web_Application_Styling.html
Rado,
Infragistics
ASP.NET Team