Select to view content in your preferred language

Strange PopUp and Mouse clicking point

1171
5
06-12-2012 02:03 AM
demdeberanz
Emerging Contributor
Hi everybody,
  I'm getting the following issue: when I click on a feature to show the related popUp I get the popUp in the image, with the "arrow" offset than the balloon (like in the attached image [ATTACH=CONFIG]15124[/ATTACH]).
Furthermore, sometimes happen that when I click on the map the recognized click is in a different position than the actual one, showing the popUp of another feature.

Can Someone help me?

Thank you very much.
0 Kudos
5 Replies
RahulMetangale1
Frequent Contributor
I think it is a CSS issue. Ensure that you have copied the style in your application.
0 Kudos
demdeberanz
Emerging Contributor
Thank you for your reply, what is ,exactly, the css file i should check?

Thank you very much.
0 Kudos
PramodHarithsa1
Frequent Contributor
what is ,exactly, the css file i should check?


I hope you have included this.,
<link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/2.8/js/esri/dijit/css/Popup.css"/>


The offset is generally encountered when the browser doesn't resizes.
you can include this to resize the browser.,
    dojo.connect(map, 'onLoad', function (theMap) {
                //resize the map when the browser resizes 
                dojo.connect(dijit.byId('map'), 'resize', map, map.resize);
            });
0 Kudos
PramodHarithsa1
Frequent Contributor
I hope you have included .,
<link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/2.8/js/esri/dijit/css/Popup.css"/>


The offset is generally encountered when the browser doesn't resizes.
you can include this to resize the browser.,
    dojo.connect(map, 'onLoad', function (theMap) {
                //resize the map when the browser resizes 
                dojo.connect(dijit.byId('map'), 'resize', map, map.resize);
            });
0 Kudos
demdeberanz
Emerging Contributor
I hope you have included .,
<link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/2.8/js/esri/dijit/css/Popup.css"/>


The offset is generally encountered when the browser doesn't resizes.
you can include this to resize the browser.,
    dojo.connect(map, 'onLoad', function (theMap) {
                //resize the map when the browser resizes 
                dojo.connect(dijit.byId('map'), 'resize', map, map.resize);
            });


Hi pramodharithsa,
<link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/2.8/js/esri/dijit/css/Popup.css"/>

For sure I included it 😄


The offset is generally encountered when the browser doesn't resizes.
you can include this to resize the browser.,
    dojo.connect(map, 'onLoad', function (theMap) {
                //resize the map when the browser resizes 
                dojo.connect(dijit.byId('map'), 'resize', map, map.resize);
            });


I tried also with the latter solution, but nothing happend. I debugged the JS and the event is fired and also the method is executed without any error, but nothing.
But I think you pointed out the problem, because I get it when, for instance, I resize the browser window.
An important detail is that I get this issue only on IE8 and IE9 but not in Firefox neither in Chrome.
I'm still trying to figure out how to fix this problem...
0 Kudos