topic Re: TextSymbol Border & Background Do Not Work For Client-Side Graphic? in ArcGIS JavaScript Maps SDK Questions

TextSymbol Border & Background Do Not Work For Client-Side Graphic?

TVlasschaert — Thu, 11 Nov 2021 00:23:37 GMT

JS API 4.21: Trying to create a TextSymbol for a Graphic in a GraphicsLayer (or the MapView.graphics) that has a background and/or a border, neither of which seem to work.

Basic sample: https://jsbin.com/qurexuh/edit?html,output

TextSymbol doc indicates there are supported properties:

- backgroundColor
- borderLineColor
- borderLineSize

Halo works, but setting these values seems to have no effect. Can't find anything on it, am I missing something?

Thx!

Re: TextSymbol Border & Background Do Not Work For Client-Side Graphic?

Noah-Sager — Fri, 12 Nov 2021 14:21:42 GMT

Hi @TVlasschaert, unfortunately, those properties are documented as only working when using TextSymbol with a MapImageLayer:

https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-TextSymbol.html#backgroundColor

Down the road, we do plan on making some enhancements in this area to make those properties useful in other scenarios, like your use case.

Re: TextSymbol Border & Background Do Not Work For Client-Side Graphic?

TVlasschaert — Fri, 12 Nov 2021 18:45:02 GMT

Ah I see now. Shoot - but thx.

Re: TextSymbol Border & Background Do Not Work For Client-Side Graphic?

Noah-Sager — Fri, 12 Nov 2021 19:17:13 GMT

Yeah, I hear you. Feel free to mark my answer as the solution if you feel so inclined.

Re: TextSymbol Border & Background Do Not Work For Client-Side Graphic?

Guy_srb — Wed, 01 Mar 2023 08:26:08 GMT

Hi!

I've found a nice workaround for the backgroundColor issue:

You can use the haloColor and the haloSize properties as backgroundColor.

Just set the color you want and set the haloSize the same as the size of the Text.