I have used the AppStyler to create new style sheets for the menu control. however, when I attempt to assign the CssClass property on the control itself my menu doesn't not behave properly. as soon as I set this value I only get 1 row ( or just the top item ) of sub menus when before I could have many items in the submenu. it seems to be only the control cssclass property that is giving issues.
Also, i set the forecolor equal to white but the text is still black. I am confused and wasting much time trying to get this control to render properly.
One more item. when using the app styler the hover covers the entire item from top to bottom, but using the style sheet created by the app styler my hover seems to have very large border and the hover does not cover the whole item
i would attach screen shots and tried, but the insert image would not load from hard drive.
here is code snippet and stylesheet
XmlDataSource source = new XmlDataSource();
source.Data = CreateVendorMenu().InnerXml;
//webMenu.EnableTheming = true;
//webMenu.EnhancedRendering = true;
//webMenu.ID = "bob";
//webMenu.MaxDataBindDepth = 3;
//webMenu.ExpandEffects.ShadowColor = Color.LightGray;
// webMenu.CssClass = "igmn_Control";
// webMenu.EnableAppStyling = Infragistics.WebUI.Shared.DefaultableBoolean.True;
webMenu.TopSelectedStyle.CssClass = "igmn_TopSelected";
webMenu.ItemStyle.CssClass = "igmn_Item";
webMenu.ExpandEffects.ShadowWidth = 0;
x.Depth = 0;
x.TargetUrlField = "URL";
webMenu.DataBindings.Add(x);
x.Depth = 1;
x.Depth = 2;
webMenu.DataSource = source;
// webMenu.DataBind();
this.FindControl("Menu").Controls.Add(webMenu);
/*webmenu infragistics*/
.igmn_Control
{
font-family: Arial;
height: 27px;
}
.igmn_Island
.igmn_Item
border-width:0px;
.igmn_Leaf
.igmn_Parent
.igmn_TopLevelLeaf
.igmn_TopLevelParent
.igmn_Header
.igmn_Separator
.igmn_Hover
border-color:#938366;
.igmn_TopLevelHover
.igmn_TopSelected
.igmn_Disabled
font-size:xx-small;
Hi,
Can you try removing the 27px height from .igmn_Control, I suspect that may be what's causing the problem.
But I need the control to be 27 pixels tall. what should I set this value to?
I simply copied and pasted the css values from you appstyle tool