|
|
Rank: Member
Groups: Member
Joined: 1/17/2012
Posts: 14
|
I have a menu control that is in my master page (Site.Master) that is rendering to the browser with added pixels at the bottom of the control and the bottom of the sub menu items. It seems relative to the master page, because if I copy the menu control directly into my aspx page and exclude the master page, it renders correctly. I have stripped almost everything out of my master page and aspx page to ensure css and other elements were not a factor. Following is my code: (Site.Master)
Code: HTML/ASPX
<body>
<form runat="server">
<eo:Menu runat="server" id="Menu1" SubMenuPositionConfine="None" ControlSkinID="None" Width="400px">
<TopGroup Style-CssText="border-left-width: 1px; font-size: 12px; border-left-color: #e0e0e0; background-image: url(00000300); padding-bottom: 0px; cursor: hand; color: #555555; padding-top: 0px; font-family: arial"
ItemSpacing="1">
<Items>
<eo:MenuItem LookID="None" Image-Url="00000301" Text-Html="("></eo:MenuItem>
<eo:MenuItem LookID="None" Text-Padding-Right="6" Text-Html="DASHBOARD" NavigateUrl="~/dashboard.aspx"></eo:MenuItem>
<eo:MenuItem LookID="None" Image-Url="00000303" Text-Html="|"></eo:MenuItem>
<eo:MenuItem Text-Html="PROJECTS" NavigateUrl="~/ticketsearch.aspx">
<SubMenu>
<Items>
<eo:MenuItem LookID="submenu_top" ItemID="top_border" Text-Html=""></eo:MenuItem>
<eo:MenuItem Text-Html="Search Tickets" NavigateUrl="~/ticketsearch.aspx"></eo:MenuItem>
<eo:MenuItem Text-Html="Quality Control" NavigateUrl="~/qualitycontrol_standardRules.aspx"></eo:MenuItem>
<eo:MenuItem Text-Html="Load Tickets" NavigateUrl="~/tickets.aspx?type=load&tickettypeid=D363A0F8-0CDC-4B99-B878-2BE7AAB687FB"></eo:MenuItem>
<eo:MenuItem Text-Html="Unit Tickets" NavigateUrl="~/tickets.aspx?type=unit&tickettypeid=728282D8-ACBA-4D9B-BA90-650E40C6BCD6"></eo:MenuItem>
<eo:MenuItem Text-Html="PPDR / ROE" NavigateUrl="~/PPDRs_List.aspx"></eo:MenuItem>
<eo:MenuItem Text-Html="Demolitions" NavigateUrl="~/demolitions.aspx"></eo:MenuItem>
<eo:MenuItem LookID="submenu_bottom" ItemID="bottom_border" Text-Html=""></eo:MenuItem>
</Items>
</SubMenu>
</eo:MenuItem>
<eo:MenuItem LookID="None" Image-Url="00000303" Text-Html="|"></eo:MenuItem>
<eo:MenuItem Text-Html="CONTRACTORS" NavigateUrl="~/contractors.aspx">
<SubMenu>
<Items>
<eo:MenuItem LookID="submenu_top" ItemID="top_border" Text-Html=""></eo:MenuItem>
<eo:MenuItem Text-Html="General Contractor" NavigateUrl="~/contractors.aspx"></eo:MenuItem>
<eo:MenuItem Text-Html="Contractor Projects" NavigateUrl="~/contractorProjects.aspx"></eo:MenuItem>
<eo:MenuItem Text-Html="Trucks" NavigateUrl="~/contractorTrucks.aspx"></eo:MenuItem>
<eo:MenuItem Text-Html="Invoices" NavigateUrl="~/contractorInvoices.aspx"></eo:MenuItem>
<eo:MenuItem LookID="submenu_bottom" ItemID="bottom_border" Text-Html=""></eo:MenuItem>
</Items>
</SubMenu>
</eo:MenuItem>
<eo:MenuItem LookID="None" Image-Url="00000303" Text-Html="|"></eo:MenuItem>
<eo:MenuItem Text-Html="MAPS" NavigateUrl="~/maps.aspx">
<SubMenu>
<Items>
<eo:MenuItem LookID="submenu_top" ItemID="top_border" Text-Html=""></eo:MenuItem>
<eo:MenuItem Text-Html="ROW Mileages" NavigateUrl="~/ticketmap.aspx"></eo:MenuItem>
<eo:MenuItem LookID="submenu_bottom" ItemID="bottom_border" Text-Html=""></eo:MenuItem>
</Items>
</SubMenu>
</eo:MenuItem>
<eo:MenuItem LookID="None" Image-Url="00000303" Text-Html="|"></eo:MenuItem>
<eo:MenuItem Text-Html="UTILITIES" NavigateUrl="~/utilities.aspx"></eo:MenuItem>
<eo:MenuItem LookID="None" Image-Url="00000303" Text-Html="|"></eo:MenuItem>
<eo:MenuItem Text-Html="ADMIN" NavigateUrl="~/admin.aspx" ></eo:MenuItem>
<eo:MenuItem LookID="None" Width="455" Image-Url="Blank" Text-Html="-"></eo:MenuItem>
<eo:MenuItem LookID="None" Image-Url="00000302" Text-Html=")"></eo:MenuItem>
</Items>
</TopGroup>
<LookItems>
<eo:MenuItem ItemID="_TopLevelItem" RightIcon-Url="00000300" RightIcon-HoverUrl="00000305" LeftIcon-Url="00000300"
LeftIcon-HoverUrl="00000304" Image-Url="00000300" Image-HoverUrl="00000306" Image-Mode="TextBackground">
<SubMenu Style-CssText="font-size: 12px; cursor: hand; font-family: arial; background-color: #f7f7f7;"
OffsetX="0" ShadowDepth="0" OffsetY="-6"></SubMenu>
</eo:MenuItem>
<eo:MenuItem Height="23" HoverStyle-CssText="background-color:#dddddd;border-left-color:#dfdfdf;border-left-style:solid;border-left-width:1px;border-right-color:#dfdfdf;border-right-style:solid;border-right-width:1px;color:#C00000;"
ItemID="_Default" NormalStyle-CssText="border-right: #dfdfdf 1px solid; border-left: #dfdfdf 1px solid; color: #333333"
Text-Padding-Left="7" Text-Padding-Right="20"></eo:MenuItem>
<eo:MenuItem ItemID="separator" RightIcon-Url="00000315" LeftIcon-Url="00000313" Image-Url="00000314"
Image-Mode="TextBackground"></eo:MenuItem>
<eo:MenuItem ItemID="submenu_bottom" RightIcon-Url="00000311" LeftIcon-Url="00000310" Image-Url="00000312"
Image-Mode="TextBackground"></eo:MenuItem>
<eo:MenuItem ItemID="submenu_top" RightIcon-Url="00000309" LeftIcon-Url="00000308" Image-Url="00000307"
Image-Mode="TextBackground"></eo:MenuItem>
</LookItems>
</eo:Menu>
<asp:ContentPlaceHolder ID="MainContent" runat="server"/>
</form>
</body>
Here is my aspx page:
Code: HTML/ASPX
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="test.aspx.vb" Inherits="test" MasterPageFile="~/Site.Master" %>
<%@ Register TagPrefix="eo" NameSpace="EO.Web" Assembly="EO.Web" %>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
</asp:content>
Any help would be appreciated. Wes
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,194
|
Hi,
Master page shouldn't matter. The problem would most likely have to do with transparent images used for the sub menu with round corners. Those images are "transparent" gif images. Transparent gif images are not really transparent, they just have a specific color in their color palette being marked as the "transparent color" and it will only look transparent if the background below the image is similar to that transparent color. As a test, you can have a blank page just with the menu, then use the default body background color (white), then try setting body’s background color to “red” and comparing the result. You will see the menu looks fine over white background but not fine over red background.
To avoid this problem, you can customize the menu to use a true transparent image such as png images. PNGs are not well supported on all major browsers except for early version of IEs. So if you care about support IE 6/7, then you must use GIF images with a "transparent" color that matches your page background.
Hope this helps. Please feel free to let us know if you still have any questions.
Thanks!
|
|
Rank: Member
Groups: Member
Joined: 1/17/2012
Posts: 14
|
I am using Google Chrome as my browser. It is weird, it looks like there is a 5 pixel margin below the control as you can see it duplicating the background image of the top of the menu.
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,194
|
Hi,
We tested your Menu as is and it worked fine here. If you continue to have problem that you believe is not related to the transparent gif problem we mentioned earlier, you can try to isolate the problem into a test project and send to us. Make sure your test project includes all the necessary files (such as CSS, images) to reproduce the problem and only include code needed to reproduce the problem. Let us know when you have that and we will PM you as to where to send the test project. Once we have that, we will run it here and see if we can reproduce the problem. As soon as we can reproduce the problem, we should be able to tell you what's wrong.
Thanks!
|
|
Rank: Member
Groups: Member
Joined: 1/17/2012
Posts: 14
|
I have created a new web project and included a single file, test.aspx with just the menu. When I run the new project, the problem still exists. I am running Google Chrome as my browser. Where shall I send it?
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,194
|
Hi,
We have PMed you the email address. You can click the "inbox" link at the top of the forum to view the message.
Thanks!
|
|