How do I add image icon (jpg/png) to query results from an service layer within Web appbuilder developer edition
Antoine,
Sure that will just take a little manual configuration though (as there is no UI option for uploading your own image file, assuming you are talking point data results).
In your apps [install dir]/server/apps/[app#]/configs/Query/config_Query.json:
<SPAN class="string token">"resultsSymbol"</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">{</SPAN> <SPAN class="string token">"angle"</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="number token">0</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"xoffset"</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="number token">0</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"yoffset"</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="number token">0</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"type"</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"esriPMS"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"url"</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="string token"><SPAN>"</SPAN><A class="jive-link-external-small" href="https://community.esri.com/external-link.jspa?url=http%3A%2F%2Fstatic.arcgis.com%2Fimages%2FSymbols%2FTransportation%2FCarYellowFront.png" target="_blank">http://static.arcgis.com/images/Symbols/Transportation/CarYellowFront.png</A><SPAN>"</SPAN></SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"imageData"</SPAN><SPAN class="punctuation token">:</SPAN> "iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAFyxJREFUeF7tWgd0VdW23Sm8IL0XKQmigPRqREQBFUR4AtKkCArSkQABBIICoRdpUhWkB4SEhIQSSOhJSCOkkJBCeiGVtJsOmX<SPAN class="operator token">+</SPAN>um3tj8P3n9315<SPAN class="operator token">+</SPAN>v74OWPMcco9Z9<SPAN class="operator token">+</SPAN>95ppr7bX3OUpVbpUMVDJQyUAlA5UMVDJQyUAlAy<SPAN class="operator token">+</SPAN>Egb<SPAN class="operator token">+</SPAN>xlTqEKdGZ6EO8T3xM<SPAN class="operator token">/</SPAN>J0YQPQkWhI1X8g<SPAN class="comment token">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",</SPAN> <SPAN class="string token">"contentType"</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"image/png"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"width"</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="number token">18</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"height"</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="number token">18</SPAN> <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN><SPAN class="line-numbers-rows"><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN></SPAN>
Just use standard symbology json.
Symbol Objects
Antonie,
Are you talking about the Query Widget or which widget? If you use the eSearch that is already possible.
https://community.esri.com/docs/DOC-1731-enhanced-search-widget-version-211-080116
Hello Robert,
Thanks for getting back with me. This question is not phrased properly... I am not exactly how to articulate what I want. Basically, I am preforming a query on a service using "layerDefinition": {"definitionExpression": "xyz = 1234"}
So for my query results, I want these to have a special icon. I was looking into using the "drawingInfo" class to achieve this...
have you heard of anything like this? Is it clear what I want to accomplish?
The otb Query widget allows you to define custom symbology for the query results. Is there a reason that the Query widget will not meet your needs. Also there is the custom Local Layer widget that allows you to define the definition query and symbology.
I tried the OTB query widget. It looks like this may get the job done. One question that I have is, can I incorporate my own custom icon into this widget?
Thanks Robert
I was able to add a custom image to my query results....
"layerDefinition": {
"drawingInfo": {
"renderer": {
"type": "simple",
"symbol": {}
}
},
"definitionExperssion": " " ,
Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.
