Displaying attachments in the popup window using ArcGIS JavaScript API 4.10Problems with features, popups and...

What does an unprocessed RAW file look like?

How to deal with an underperforming subordinate?

Does the US government have any planning in place to ensure there's no shortages of food, fuel, steel and other commodities?

Does it take energy to move something in a circle?

Coworker asking me to not bring cakes due to self control issue. What should I do?

Writing dialogues for characters whose first language is not English

Can I travel from country A to country B to country C without going back to country A?

Renting a 2CV in France

Feature to polygon in multiple folders

Is there a non trivial covering of the Klein bottle by the Klein bottle

Maybe pigeonhole problem?

What would be some possible ways of escaping higher gravity planets?

How unreachable are Jupiter's moons from Mars with the technology developed for going to Mars?

How do you get out of your own psychology to write characters?

Specific list manipulation

Isn't a semicolon (';') needed after a function declaration in C++?

Why do single electrical receptacles exist?

Is the fingering of thirds flexible or do I have to follow the rules?

Create linguistic diagram (in TikZ?)

my cron command doesn’t work

Critique vs nitpicking

Co-worker sabotaging/undoing my work. (Software Development)

Buying a "Used" Router

Sensor logger for Raspberry Pi in a stratospheric probe



Displaying attachments in the popup window using ArcGIS JavaScript API 4.10


Problems with features, popups and strategy with OpenLayersAdd layer using popup in ArcGIS Javascript APIHow to hide popup template in arcgis javascript apiIncorrect time displaying in ArcGIS API for JavaScript popup template?Attachment Image in popup from feature layer in ArcGIS API for JavaScript 4?VETiledLayer in ArcGIS JavaScript API v4?Arcgis JavaScript API - PopupTemplate - Coded values issueApplying curve using ArcGIS API for JavaScript?How to display related records in popup using ArcGIS Javascript API?Change Order of Features in Popup with ESRI ArcGIS Javascript API version 4













0















I have attachments in ArcMap Attribute table and would like to show the full view of image attachments not an icon with image name. The following code enables the attachments but I need it to show the full image.



Refer following code what I have tried:









Multiple popup elements - 4.10







html,
body,
#mapDiv {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}




require([
"esri/Map",
"esri/views/MapView",
"esri/layers/FeatureLayer",
"esri/PopupTemplate"
],
function(Map, MapView, FeatureLayer, PopupTemplate )
{



    var map = new Map(
{
basemap: "streets"
});

var view = new MapView(
{
container: "mapDiv",
map: map,
center: [73.7588539,15.5382004],
zoom: 18,
popup: {
dockEnabled: true,
dockOptions: {
buttonEnabled: false,
breakpoint: false
}
}
});

var popuptemplate = new PopupTemplate(
{
content: [
{
type: "fields",
fieldInfos: [
{
fieldName: "NAME",
visible: true,
label: "NAME"
},
{
fieldName: "CATEGORY",
visible: true,
label: "CATEGORY"
},
{
fieldName: "LOCATION",
visible: true,
label: "LOCATION"
},
{
fieldName: "ROAD_NAME",
visible: true,
label: "ROAD_NAME"
}
]
},
{
type: "attachments"
}
]
}
)

var featureLayer = new FeatureLayer(
{
url: "https://services9.arcgis.com/jGhca1TTbMzJljJI/arcgis/rest/services/GTDC_1/FeatureServer/0",
popupTemplate: popuptemplate,
outFields: ["*"]
});
map.add(featureLayer);
});












This is what I am getting:
enter image description here



But I target output is:
enter image description here









share







New contributor




vasu is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

























    0















    I have attachments in ArcMap Attribute table and would like to show the full view of image attachments not an icon with image name. The following code enables the attachments but I need it to show the full image.



    Refer following code what I have tried:









    Multiple popup elements - 4.10







    html,
    body,
    #mapDiv {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    }




    require([
    "esri/Map",
    "esri/views/MapView",
    "esri/layers/FeatureLayer",
    "esri/PopupTemplate"
    ],
    function(Map, MapView, FeatureLayer, PopupTemplate )
    {



        var map = new Map(
    {
    basemap: "streets"
    });

    var view = new MapView(
    {
    container: "mapDiv",
    map: map,
    center: [73.7588539,15.5382004],
    zoom: 18,
    popup: {
    dockEnabled: true,
    dockOptions: {
    buttonEnabled: false,
    breakpoint: false
    }
    }
    });

    var popuptemplate = new PopupTemplate(
    {
    content: [
    {
    type: "fields",
    fieldInfos: [
    {
    fieldName: "NAME",
    visible: true,
    label: "NAME"
    },
    {
    fieldName: "CATEGORY",
    visible: true,
    label: "CATEGORY"
    },
    {
    fieldName: "LOCATION",
    visible: true,
    label: "LOCATION"
    },
    {
    fieldName: "ROAD_NAME",
    visible: true,
    label: "ROAD_NAME"
    }
    ]
    },
    {
    type: "attachments"
    }
    ]
    }
    )

    var featureLayer = new FeatureLayer(
    {
    url: "https://services9.arcgis.com/jGhca1TTbMzJljJI/arcgis/rest/services/GTDC_1/FeatureServer/0",
    popupTemplate: popuptemplate,
    outFields: ["*"]
    });
    map.add(featureLayer);
    });












    This is what I am getting:
    enter image description here



    But I target output is:
    enter image description here









    share







    New contributor




    vasu is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
    Check out our Code of Conduct.























      0












      0








      0








      I have attachments in ArcMap Attribute table and would like to show the full view of image attachments not an icon with image name. The following code enables the attachments but I need it to show the full image.



      Refer following code what I have tried:









      Multiple popup elements - 4.10







      html,
      body,
      #mapDiv {
      height: 100%;
      width: 100%;
      margin: 0;
      padding: 0;
      }




      require([
      "esri/Map",
      "esri/views/MapView",
      "esri/layers/FeatureLayer",
      "esri/PopupTemplate"
      ],
      function(Map, MapView, FeatureLayer, PopupTemplate )
      {



          var map = new Map(
      {
      basemap: "streets"
      });

      var view = new MapView(
      {
      container: "mapDiv",
      map: map,
      center: [73.7588539,15.5382004],
      zoom: 18,
      popup: {
      dockEnabled: true,
      dockOptions: {
      buttonEnabled: false,
      breakpoint: false
      }
      }
      });

      var popuptemplate = new PopupTemplate(
      {
      content: [
      {
      type: "fields",
      fieldInfos: [
      {
      fieldName: "NAME",
      visible: true,
      label: "NAME"
      },
      {
      fieldName: "CATEGORY",
      visible: true,
      label: "CATEGORY"
      },
      {
      fieldName: "LOCATION",
      visible: true,
      label: "LOCATION"
      },
      {
      fieldName: "ROAD_NAME",
      visible: true,
      label: "ROAD_NAME"
      }
      ]
      },
      {
      type: "attachments"
      }
      ]
      }
      )

      var featureLayer = new FeatureLayer(
      {
      url: "https://services9.arcgis.com/jGhca1TTbMzJljJI/arcgis/rest/services/GTDC_1/FeatureServer/0",
      popupTemplate: popuptemplate,
      outFields: ["*"]
      });
      map.add(featureLayer);
      });












      This is what I am getting:
      enter image description here



      But I target output is:
      enter image description here









      share







      New contributor




      vasu is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.












      I have attachments in ArcMap Attribute table and would like to show the full view of image attachments not an icon with image name. The following code enables the attachments but I need it to show the full image.



      Refer following code what I have tried:









      Multiple popup elements - 4.10







      html,
      body,
      #mapDiv {
      height: 100%;
      width: 100%;
      margin: 0;
      padding: 0;
      }




      require([
      "esri/Map",
      "esri/views/MapView",
      "esri/layers/FeatureLayer",
      "esri/PopupTemplate"
      ],
      function(Map, MapView, FeatureLayer, PopupTemplate )
      {



          var map = new Map(
      {
      basemap: "streets"
      });

      var view = new MapView(
      {
      container: "mapDiv",
      map: map,
      center: [73.7588539,15.5382004],
      zoom: 18,
      popup: {
      dockEnabled: true,
      dockOptions: {
      buttonEnabled: false,
      breakpoint: false
      }
      }
      });

      var popuptemplate = new PopupTemplate(
      {
      content: [
      {
      type: "fields",
      fieldInfos: [
      {
      fieldName: "NAME",
      visible: true,
      label: "NAME"
      },
      {
      fieldName: "CATEGORY",
      visible: true,
      label: "CATEGORY"
      },
      {
      fieldName: "LOCATION",
      visible: true,
      label: "LOCATION"
      },
      {
      fieldName: "ROAD_NAME",
      visible: true,
      label: "ROAD_NAME"
      }
      ]
      },
      {
      type: "attachments"
      }
      ]
      }
      )

      var featureLayer = new FeatureLayer(
      {
      url: "https://services9.arcgis.com/jGhca1TTbMzJljJI/arcgis/rest/services/GTDC_1/FeatureServer/0",
      popupTemplate: popuptemplate,
      outFields: ["*"]
      });
      map.add(featureLayer);
      });












      This is what I am getting:
      enter image description here



      But I target output is:
      enter image description here







      popup arcgis-javascript-api-4 attachments





      share







      New contributor




      vasu is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.










      share







      New contributor




      vasu is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.








      share



      share






      New contributor




      vasu is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.









      asked 5 mins ago









      vasuvasu

      1




      1




      New contributor




      vasu is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.





      New contributor





      vasu is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.






      vasu is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.






















          0






          active

          oldest

          votes











          Your Answer








          StackExchange.ready(function() {
          var channelOptions = {
          tags: "".split(" "),
          id: "79"
          };
          initTagRenderer("".split(" "), "".split(" "), channelOptions);

          StackExchange.using("externalEditor", function() {
          // Have to fire editor after snippets, if snippets enabled
          if (StackExchange.settings.snippets.snippetsEnabled) {
          StackExchange.using("snippets", function() {
          createEditor();
          });
          }
          else {
          createEditor();
          }
          });

          function createEditor() {
          StackExchange.prepareEditor({
          heartbeatType: 'answer',
          autoActivateHeartbeat: false,
          convertImagesToLinks: false,
          noModals: true,
          showLowRepImageUploadWarning: true,
          reputationToPostImages: null,
          bindNavPrevention: true,
          postfix: "",
          imageUploader: {
          brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
          contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
          allowUrls: true
          },
          onDemand: true,
          discardSelector: ".discard-answer"
          ,immediatelyShowMarkdownHelp:true
          });


          }
          });






          vasu is a new contributor. Be nice, and check out our Code of Conduct.










          draft saved

          draft discarded


















          StackExchange.ready(
          function () {
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fgis.stackexchange.com%2fquestions%2f313423%2fdisplaying-attachments-in-the-popup-window-using-arcgis-javascript-api-4-10%23new-answer', 'question_page');
          }
          );

          Post as a guest















          Required, but never shown

























          0






          active

          oldest

          votes








          0






          active

          oldest

          votes









          active

          oldest

          votes






          active

          oldest

          votes








          vasu is a new contributor. Be nice, and check out our Code of Conduct.










          draft saved

          draft discarded


















          vasu is a new contributor. Be nice, and check out our Code of Conduct.













          vasu is a new contributor. Be nice, and check out our Code of Conduct.












          vasu is a new contributor. Be nice, and check out our Code of Conduct.
















          Thanks for contributing an answer to Geographic Information Systems Stack Exchange!


          • Please be sure to answer the question. Provide details and share your research!

          But avoid



          • Asking for help, clarification, or responding to other answers.

          • Making statements based on opinion; back them up with references or personal experience.


          To learn more, see our tips on writing great answers.




          draft saved


          draft discarded














          StackExchange.ready(
          function () {
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fgis.stackexchange.com%2fquestions%2f313423%2fdisplaying-attachments-in-the-popup-window-using-arcgis-javascript-api-4-10%23new-answer', 'question_page');
          }
          );

          Post as a guest















          Required, but never shown





















































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown

































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown







          Popular posts from this blog

          (145452) 2005 RN43 Классификация | Примечания | Ссылки |...

          Щит и меч (фильм) Содержание Названия серий | Сюжет |...

          Энтрерриос (город) Содержание История | Географическое...