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; } } }

SketchViewModel in SceneView: why are symbols highlighted?

Anonymous User

Hi,

I'm implementing the sketch view model in order to simplify the drawing part of the application, and I wonder why is the symbol being highlighted during the drawing? I don't see anything like that in the 2D map.

I've setup the codepen

https://codepen.io/vajnorcan/pen/KKKwoZx

Once it loads, just click the button and click and drag the mouse. You can see that the symbol is being highlighted, even though the default symbol doesn't have any halo around it (see the default symbols for the sketch view model SketchViewModel | ArcGIS API for JavaScript 4.12 )

How can I prevent the SketchViewModel features to be highlighted? Is that a bug or a feature?

Thank you

Find more posts tagged with

Accepted answers

RobertScheitlin__GISP

Michal,

There is a workaround for this:

        // Listen to sketch widget's create event.
        sketch.on('create', (event) => {
          // check if the create event's state has changed to complete indicating
          // the graphic create operation is completed.
          if (event.state === 'complete') {
            // this.identify(event);
            view.highlightOptions.haloOpacity = 1;
            view.highlightOptions.fillOpacity = 0.25;
          }
          view.highlightOptions.haloOpacity = 0;
          view.highlightOptions.fillOpacity = 0;
        });<SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

All comments

RobertScheitlin__GISP

Michal,

There is a workaround for this:

        // Listen to sketch widget's create event.
        sketch.on('create', (event) => {
          // check if the create event's state has changed to complete indicating
          // the graphic create operation is completed.
          if (event.state === 'complete') {
            // this.identify(event);
            view.highlightOptions.haloOpacity = 1;
            view.highlightOptions.fillOpacity = 0.25;
          }
          view.highlightOptions.haloOpacity = 0;
          view.highlightOptions.fillOpacity = 0;
        });<SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

RalucaNicola1

This is a feature indeed, in 3D you might sketch objects that get occluded by other features and then highlight is the way to see the entire shape of your sketch when some parts are occluded.

If you absolutely want to get rid of it, then I would go for Robert's solution. Not very nice, but the only one for now. We were discussing how to improve this behavior and one option would be to make the highlight more subtle. Would that work for you or would you just want to be able to turn it off?

Anonymous User

Hi Raluca, thanks for the update and clarifying of what I suspected was intended behavior. I think it would be great if the developers have the option of turning this on/off on the sketch widget (sketch view model).

Thanks

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.