topic Re: Create a multi-line label from a single field (ArcGIS API for JS) in ArcGIS JavaScript Maps SDK Questions

Create a multi-line label from a single field (ArcGIS API for JS)

WWUMap — Sat, 25 Dec 2021 00:21:59 GMT

Hey All,

For my labels, I'd like to stack every single word in my label field into a new line.

Thus:

Student Recreation Center

Would become:

Student
Recreation
Center

Essentially, I just need to replace ever space ( ' ' ) with textFormatting.NewLine.

I could just calc a new field, with a lot of textFormatting, but it seems like there should be an easy way to do this within the code.

thanks,

~stefan

Re: Create a multi-line label from a single field (ArcGIS API for JS)

jcarlson — Sat, 25 Dec 2021 15:15:21 GMT

Just string.replace(' ', textFormatting.NewLine), I would imagine.

https://www.w3schools.com/jsref/jsref_replace.asp

Re: Create a multi-line label from a single field (ArcGIS API for JS)

Kishore — Sun, 26 Dec 2021 06:21:54 GMT

@WWUMap ,

Use arcade expression replace function:

Replace($feature["attributeFieldName"], ' ', textFormatting.NewLine);

Re: Create a multi-line label from a single field (ArcGIS API for JS)

WWUMap — Sun, 26 Dec 2021 08:10:40 GMT

@Kishore - Thanks!

The arcade Replace works great.

Here's the code:

const nameLabelClass = {
labelExpressionInfo: {expression: "Replace($feature.Name, ' ', textFormatting.NewLine )"},
};

~stefan

Re: Create a multi-line label from a single field (ArcGIS API for JS)

WWUMap — Sun, 26 Dec 2021 08:10:15 GMT

@jcarlson thanks for the idea. I didn't manage to get the string.replace syntax to work, in part because the arcade Replace did work. But I appreciate the suggestion.

~stefan