topic Re: Callout Functionality in ArcGIS JavaScript Maps SDK Questions

Callout Functionality

saurabhgupta2 — Fri, 24 Jun 2016 04:51:20 GMT

I would like to draw a callout kind of template in my application. User can reset the size and color of its border. I need to then write text inside the callout. This will be something like ArcMap callout

Thanks

Panagiotis PapadopoulosJian HuangTest3 AccountsCollin WelbonKaran LalaSanjay LalaAdam PfisterAdam PfisterSolomon NimakoJohn Zhang

Re: Callout Functionality

PanagiotisPapadopoulos — Fri, 24 Jun 2016 08:34:08 GMT

An option is to use a custom pop up with a text box inside.

see the following samples for ideas

Info Window Lite | ArcGIS API for JavaScript 3.17

Customize popup | Guide | ArcGIS API for JavaScript 3.17

Re: Callout Functionality

FC_Basson — Fri, 24 Jun 2016 09:01:18 GMT

If you inspect the infowindow DOM, look for the "content" class. Then specify the CSS for the content class as "resize: both Iimportant", which will create a resizable handle for the content. You will also need to set the infowindow "title" class "width: auto" property. For user input you can use a <textarea> element.

Re: Callout Functionality

saurabhgupta2 — Fri, 24 Jun 2016 10:23:49 GMT

Actually this callout functionality is for adding as description text to graphics drawn by draw tool. So user need to have many descriptions added and displayed at the same time on the map and wants to print the same. It would be great if we somehow can save these as graphic. Pop up wont do the such trick

Thanks

Re: Callout Functionality

saurabhgupta2 — Fri, 24 Jun 2016 10:24:03 GMT

Thanks

Re: Callout Functionality

FC_Basson — Fri, 24 Jun 2016 10:33:29 GMT

You can do that within a GraphicsLayer (GraphicsLayer | API Reference | ArcGIS API for JavaScript 3.17 ) using a TextSymbol (TextSymbol | API Reference | ArcGIS API for JavaScript 3.17 ). See this sample: Labeling features on the client | ArcGIS API for JavaScript 3.17

Re: Callout Functionality

FC_Basson — Fri, 24 Jun 2016 10:49:40 GMT

And for labelling the features with the attributes being displayed in multiple lines, make use of this nice library: GitHub - suytt/esri.symbol.MultiLineTextSymbol: Allows to span esri.symbol.TextSymbol on multiple lines.