nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

labeling differences between map and appbuilder

PlaninforAdmin

Hi friends,
I have differences in the visualization of labels.
On the map I can see the label with line breaks, the effects that are applied to the layers.
but App Builder doesn't seem to care and displays it as it can, without line breaks and without effects.

because?

appbuilder

webmap

Find more posts tagged with

ArcGIS Online

ArcGIS Enterprise

Accepted answers

jcarlson

WebAppBuilder is based on the ArcGIS JavaScript API 3.x, which does not support line breaks in labels, among many other things.

I'm guessing you're using the new map viewer to configure your labels? In order to retain those setting, you need to view the map using an application built on the 4.x API, like Experience Builder, or the latest set of "Instant Apps".

If your use case requires WebAppBuilder because of a particular widget that's not available elsewhere, the only thing you can do is configure your map in the Classic Map Viewer to ensure that what ends up in WebAppBuilder is the same, but that means you can't use the new capabilities, either.

All comments

MichaelLev

Please note that Web AppBuilder both Javascript API - 3.* and 4.*
If you generate 2D app, it uses Javascript API 3.*,
If you generate 3D app, it uses Javascript API 4.*.

PlaninforAdmin

gracias por la aclaracion

jcarlson

WebAppBuilder is based on the ArcGIS JavaScript API 3.x, which does not support line breaks in labels, among many other things.

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.