|
|
Rank: Member
Groups: Member
Joined: 9/2/2008
Posts: 14
|
Hello Team, I am using EO.Web 4.0.15.2. I am creating the Menu using C# by programmatic. Here is the code for that,
Code: C#
private void createMenuItems(MenuNode parentNode, EO.Web.MenuItem parentItem)
{
foreach (MenuNode node in parentNode.ChildNodes)
{
EO.Web.MenuItem item = createMenuItem(node.Text, node.Url);
parentItem.SubMenu.Items.Add(item);
if (node.AddSeparator)
{
parentItem.SubMenu.Items.AddSeparator();
}
createMenuItems(node, item);
}
}
private EO.Web.MenuItem createMenuItem(string text, string url)
{
EO.Web.MenuItem item = new EO.Web.MenuItem();
item.Text.Html = text;
item.NavigateUrl = url;
item.NormalStyle.CssClass = "eo_css_skin_MenuSkin6";
item.HoverStyle.CssClass = "eo_css_skin_MenuSkin7";
return item;
}
private EO.Web.MenuItem createMenuItem(string text, string url, string iconUrl)
{
EO.Web.MenuItem item = new EO.Web.MenuItem();
item.Text.Html = text;
item.NavigateUrl = url;
item.LeftIcon.Url = iconUrl;
return item;
}
CSS Info
Code: CSS
.eo_css_skin_MenuSkin1 {background-color:gray;height:1px;margin-bottom:2px;margin-left:2px;margin-right:2px;margin-top:2px;width:1px}
.eo_css_skin_MenuSkin2 {background-color:transparent;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-style:none;color:black;padding-bottom:2px;padding-left:5px;padding-right:5px;padding-top:2px}
.eo_css_skin_MenuSkin3 {background-color:#cccccc;border-bottom-color:#999999;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#999999;border-left-style:solid;border-left-width:1px;border-right-color:#999999;border-right-style:solid;border-right-width:1px;border-top-color:#999999;border-top-style:solid;border-top-width:1px;padding-bottom:1px;padding-left:4px;padding-right:4px;padding-top:1px}
.eo_css_skin_MenuSkin4 {background-color:white;border-bottom-color:#999999;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#999999;border-left-style:solid;border-left-width:1px;border-right-color:#999999;border-right-style:solid;border-right-width:1px;border-top-color:#999999;border-top-style:solid;border-top-width:1px;padding-bottom:1px;padding-left:4px;padding-right:4px;padding-top:1px}
.eo_css_skin_MenuSkin5 {background-color:transparent;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-style:none;color:gray;padding-bottom:2px;padding-left:5px;padding-right:5px;padding-top:2px}
.eo_css_skin_MenuSkin6 {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;background-color:#F1F1F1;border:4px solid #F1f1F1;
padding:1px 2px 1px 17px;
font-size: 11px;
color: Black;
border-bottom-color:#999999;
}
.eo_css_skin_MenuSkin7 {background-color:#CCCCCC;border:1px solid #999999;color:black;cursor:pointer;cursor:hand;padding:1px 2px 1px 17px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: Black;
}
The Issue, The Separator not displayed Internet Explorer 8 and also Firefox 3.5. Please advise me where i should look to solve this. Thanks
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,194
|
Hi,
Please try update to the latest version first. Your version is several years old and released well before IE 8 and FF 3.5.
Thanks!
|
|
Rank: Member
Groups: Member
Joined: 9/2/2008
Posts: 14
|
Hello Team,
Thanks for the quick reply. I downloaded the latest version and I got the same result (Separator not displayed in IE 8 and FF 3.5). Could you please advise me more?
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,194
|
Hi, Did you rebuild your project and verified that you are now indeed running the latest version? See here for how to find out what version you are running: http://www.essentialobjects.com/forum/postst2942_How-to-find-out-EOWeb-Controls-build-number.aspxMake sure you use option #3. Thanks
|
|
Rank: Member
Groups: Member
Joined: 9/2/2008
Posts: 14
|
Hello Team, Here is the menu version I got. //]]> </script><div style="position:absolute; top:-1000px;"><input type="hidden" name="eo_version" value="7.0.27.2" /></div>
So I am sure, I am using latest Build. Could you please look into the code or CSS for any advise? The menu working fine in IE 7. Thanks
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,194
|
Hi, The code you posted looks fine. However I do not see anything explicitly setting separator styles. For example, if you look into our Office2003 sample, you will see:
Code: HTML/ASPX
<LookItems>
....
<eo:MenuItem IsSeparator="True" ItemID="_Separator"
NormalStyle-CssText="background-color:#c5c2b8;height:1px;margin-left:30px;width:1px;">
</eo:MenuItem>
....
</LookItems>
Here the separator is given a background color, width and height. Please check whether you have done the same in your code. Thanks!
|
|
Rank: Newbie
Groups: Member
Joined: 7/16/2009
Posts: 6
|
Hi
i have EO.web.dll 7.0.34.2 version and menu items with separator overlapping in explorer 8.
Did you resolve this?.
Thanks.
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,194
|
Hi,
The original question wasn't a problem of the product and it was resolved by correctly setting separator styles.
Thanks!
|
|