Callout Functionality

[saurabhgupta2]

Hi

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 Papadopoulos​Jian Huang​Test3 Accounts​Collin Welbon​Karan Lala​Sanjay Lala​Adam Pfister​Adam Pfister​Solomon Nimako​John Zhang​

[PanagiotisPapadopoulos]

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

[saurabhgupta2]

Hi

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

[FC_Basson]

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.

[saurabhgupta2]

Hi

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

[FC_Basson]

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

[FC_Basson]

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 li...