2

The url of the "productionProcess" example is: https://gojs.net/latest/samples/productionProcess.html

The process chart is placed into one div whose id is "myDiagramDiv". Whenever you click any place with the left mouse in the div, a light blue frame just around the div will appear.

My question is how to remove the light blue frame around the div "myDiagramDiv"; is it possible to do so through javascript or by setting certain property of gojs?. The light blue of the div has been circled in the picture

fengnix
  • 85
  • 6
  • It is called outline. When you focus/click on any element, browser will add a blue line. add the following css. It will remove this outline: `* { outline: 0 none; }` – Shuvo Jan 15 '20 at 10:30
  • @Shuvo Great, it works! Thank you very much! – fengnix Jan 16 '20 at 01:05

1 Answers1

3

That depends on the browser. If really you want to change it, apply this CSS:

#myDiagramDiv * {
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); /* mobile webkit */
}

But the general recommendation is to replace the focus indication with something else. How is up to you. http://www.outlinenone.com/

More discussion is at: https://gojs.net/latest/intro/HTMLInteraction.html#HTMLFocusOnDiagrams and https://forum.nwoods.com/t/removing-the-blue-focus-border-of-the-diagram/5354

Walter Northwoods
  • 4,061
  • 2
  • 10
  • 16