AnsweredAssumed Answered

popup position

Question asked by sundus.sabbah on Jul 9, 2015
Latest reply on Jan 4, 2016 by jimmiraza

Hello,

I add to my map a popup

 

var popup = new Popup({
  fillSymbol: new SimpleFillSymbol(SimpleFillSymbol.STYLE_SOLID,
   new SimpleLineSymbol(SimpleLineSymbol.STYLE_SOLID,
   new Color([255, 0, 0]), 2), new Color([255, 255, 0, 0.25])),
  titleInBody: true
  }, domConstruct.create("div"));

  domClass.add(popup.domNode, "myTheme");

 

and set its content:

 

 

 var information = new PopupTemplate({
   "title": "{Field name}",
   "fieldInfos": [{
   "fieldName": "Field name",
   "format": {
   "places": 2,
   "digitSeparator": true
  }
  }, {
   "fieldName": "Field name",
   "format": {
   "places": 2,
   "digitSeparator": true
  }
  }],
   "description": " html content"  
   
  });

 

and set this popupTemplate object to the featureLayer and set popup object to map

 

the problem is that the position of popup does not fit with screen look to image:

popup.png

as you see if the feature is not on center of screen but on sides, the popup is displayed like this

 

this is a mobile application and mobile screen

 

please help as you fast as you can

and if there is another component can do this better please tell me

 

thanks.

Outcomes