Select to view content in your preferred language

Callout Functionality

3131
6
06-23-2016 09:51 PM
saurabhgupta2
Emerging Contributor

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 PapadopoulosJian HuangTest3 AccountsCollin WelbonKaran LalaSanjay LalaAdam PfisterAdam PfisterSolomon NimakoJohn Zhang

0 Kudos
6 Replies
PanagiotisPapadopoulos
Esri Regular Contributor

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

0 Kudos
saurabhgupta2
Emerging Contributor

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

0 Kudos
FC_Basson
MVP Alum

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.

0 Kudos
saurabhgupta2
Emerging Contributor

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

0 Kudos
FC_Basson
MVP Alum
0 Kudos
FC_Basson
MVP Alum

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

0 Kudos