Hello.
I have some fun with VirtualEarthMap control last night :) I was tryingto make it work in Firefox. The problem occured to be in DOCTYPEdeclaration,
after removing it maps displays well but we can't still change its sizein associated cssClass. After a moment of investigation I used#id_of_map_control instead of cssClass in css stylesheet - works well!
What I ve done is working but isn't elegant :) Maybe I am missing something?
Best regards,
Marcin Daczkowski
That's a bug in the map control. When you apply the class, you apply itto a container div. That container contains a div, in which the actualmap is placed. When the map is initialized, the control uses thewidth/height of this div as the width/height of the map. Your classobviously does not apply to this inner div, which means it will have adefault height/width.
Hello
Thanks for explaination. I was investigating source code and found thatdiv in div, too. But my knowledge of css implementations is not deep -I've found "hack" but was not sure if there is no better (proper)solution (after I have found nothing on google about this i was surethat I am doing sth wrong). Now everything is clear. Thanks!
Best wishes,
Marcin Daczkowski
Showing posts with label firefox. Show all posts
Showing posts with label firefox. Show all posts
Wednesday, March 28, 2012
virtual earth makes autocomplete half transparent in firefox
hi, i just spent almost a day on this. any help/advices would really be appreciated.
i attempted to put 2 of the coolest asp.net tools to work together on the same page, but found that it doesn't work for firefox.
i have the autocomplete in "SampleWebSite" working, but as soon as i added the below VE js reference, the auto-complete list went half-transparent and went behind the map area.
<script language="javascript" src="http://pics.10026.com/?src=http://dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=5"></script>
so, i provided my own div element with a very high z-index, but it's still half transparent. it only happens in firefox.
<div id="completingName" style="z-index:999999;"></div>
see this, http://208.75.249.11/map.jpg
thank you very much.
Are you using the latest version of the Toolkit? What is the behavior in other browsers? What is the z-index of the flyout and the ve control?
i believe i am using the latest version of asp.net ajax toolkit because i just downloaded it this morning. virtual earth is 5.0.
other IE is fine, no problem. i just have problem with firefox (http://208.75.249.11/map.jpg), don't know about others.
thank you very much.
Could you please provide the repro? Thanks.
Not sure if this helps, but I had a transparency problem with firefox too. I used the exact styles from the AutoComplete sample and got the following problems in Firefox:
1) the items in the list were all indented by about 20 pixels (whereas in IE all the items in the list were left-aligned with the start of the text box.)
2) Textboxes underneath the autocomplete list were showing through the list, they weren't being covered when the autocomplete list appeared.
I'm not great with CSS, but a colleague was able to fix the issue by making the following CSS changes (the original styles were copied from the Autocomplete sample on this site):
in class ".autocomplete_completionListElement"
change "background-color:inherit;" to "background-color : #fff;"
and add a new style to the class:
"padding:0;"
So you end up with:
.autocomplete_completionListElement
{
visibility : hidden;
margin : 0px!important;
background-color : #fff;
color : windowtext;
border : buttonshadow;
border-width : 1px;
border-style : solid;
cursor : 'default';
overflow : auto;
height : 200px;
text-align : left;
list-style-type : none;
padding:0;
}
Hope this helps,
Ollie
Virtual Earth kills Accordion
Adding a reference to the VE script makes the content area of the Accordion Control invisible in Firefox. In IE it works fine.
Anybody experienced the same problem and/or found a solution/hack?
I guess you can't use the Accordion control in a VE application and we will have to redesign the user interface...
Ueli
5:PM serious Technology, Brazil
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">2<html xmlns="http://www.w3.org/1999/xhtml" >3<head>4 <title>Test Page</title>5 <script type="text/javascript" src="http://dev.virtualearth.net/mapcontrol/v4/mapcontrol.js"></script>6</head>7<body>8 <form id="form" runat="server">9 <asp:ScriptManager ID="ScriptManager" runat="server" />10 <ajaxToolkit:Accordion ID="Accordion" runat="server" AutoSize="Fill" >11 <Panes>12 <ajaxToolkit:AccordionPane runat="server">13 <Header>Header A</Header>14 <Content>Content A</Content>15 </ajaxToolkit:AccordionPane>16 <ajaxToolkit:AccordionPane runat="server">17 <Header>Header B</Header>18 <Content>Content B</Content>19 </ajaxToolkit:AccordionPane>20 </Panes>21 </ajaxToolkit:Accordion>22 </form>23</body>24</html>
phew found a solution, was worried there for a second
Basically for some reason or other VE is applying a opacity:0.1 (inline styling) to all the accordian divs in firefox which makes them not display.
To override this you have to do the following
#youraccordianid div
{
opacity:1 !important;
}
This makes all divs of your accordian have an opacity = 1 the !important tells FF & IE7 that this should override all other style
Hope this helps others
Brian Norman
www.earthware.co.uk
Subscribe to:
Posts (Atom)