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

How to get rid of the Busy indicator on the top of my custom widget in Developer mode?

HoriaTudosie

I have very basic widget which display just a logo image, with a very, very simple code:

<body>
  <center>
    <img src="CanadaMapComunityLogo.png" alt="Canada Map Comunity Logo"/>
  </center>
</body>

It works fine, and the browser shows it ok, but in 'Dev Mode' I see a never-ending busy indicator on the top.

The debugger console shows it as part of the html tag, but not part of the body tag!

Is this an indication that the widget is missing some scripts, declarations, etc?

(Is it another way to display this logo on an Operation Dashboard View? (Anywhere?))

Finde mehr Beiträge mit dem Tag

Accepted answers

HoriaTudosie

Solved:

Although very simple (just a logo,) it still need to run a script that register it as a widget, even without template:

define([

"dojo/_base/declare",

"dojo/_base/lang",

"dijit/_WidgetBase",

//"dijit/_TemplatedMixin",

"esri/opsdashboard/WidgetProxy"

], function (declare, lang, _WidgetBase,

//_TemplatedMixin,

WidgetProxy, templateString) {

return declare("LogoWidget", [

_WidgetBase,

//_TemplatedMixin,

WidgetProxy

], {

});

All comments

NoppadonHimananto

this was happened to me. Busy indicator never end because there are something wrong in code but it don't inform any error out and it get stuck in somewhere or some part of code.

I solved this by, rewrite code or rebuild new one from sample widget that work fine.

HoriaTudosie

Solved:

Although very simple (just a logo,) it still need to run a script that register it as a widget, even without template:

define([

"dojo/_base/declare",

"dojo/_base/lang",

"dijit/_WidgetBase",

//"dijit/_TemplatedMixin",

"esri/opsdashboard/WidgetProxy"

], function (declare, lang, _WidgetBase,

//_TemplatedMixin,

WidgetProxy, templateString) {

return declare("LogoWidget", [

_WidgetBase,

//_TemplatedMixin,

WidgetProxy

], {

});

TifPun

Thanks for sharing your solution with us, Horia. I learned something new today!

Noppadon, when you start Operations Dashboard in dev mode while you're developing and testing your extension, you can use the debug tool (see the image below) to walk through the code and check the console for any error. Very often I found that the busy indicator is caused by some resources not loaded correctly, and those information can be found from the Network tab or the Console tab). Sometimes other web debugging tools such as Fiddler can also give you clues about what went wrong.

Hope that helps,

Tif

Nimm an der Diskussion teil

Angemeldete Mitglieder können Beiträge verfassen, Updates folgen und mehr. Neu hier? Registriere ein kostenloses Konto.

Schnellzugriffe

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