topic Re: Issue with using a custom widget in Portal in Web AppBuilder Custom Widgets Questions

Issue with using a custom widget in Portal

Matheus_ViníciusRamos_da_Fonse — Fri, 13 Sep 2019 13:49:45 GMT

So, i made a custom widget and added it into Portal as a Web App Builder Extension by using the manifest.json URL. It seems to be a successful deploy, as it even shows up in my Web App Builder, in the custom widget tab, but upon clicking "OK" after selecting my custom widget, nothing happens. Nothing.
I can add normal pre-built widgets just fine, it's just my widget that won't work.

Re: Issue with using a custom widget in Portal

RobertScheitlin__GISP — Fri, 13 Sep 2019 13:54:20 GMT

Are there any errors in the browsers web console?

Re: Issue with using a custom widget in Portal

Matheus_ViníciusRamos_da_Fonse — Fri, 13 Sep 2019 15:39:24 GMT

Yes, now that you've mentioned it. It's a warning about CORS, saying the header isn't present, and another log message that reads: "No widget is selected. Unable to load https://portalURLhere.com/WidgetFolder/manifest.json"

Re: Issue with using a custom widget in Portal

RobertScheitlin__GISP — Fri, 13 Sep 2019 15:42:42 GMT

That sounds like you have not registered the widget with the proper path. It should not be looking for the widgets manifest.json in the root of the portal url.

Re: Issue with using a custom widget in Portal

Matheus_ViníciusRamos_da_Fonse — Fri, 13 Sep 2019 15:51:48 GMT

That was just a generic url i typed in, the widget file is properly mapped inside the server, as i can browse its contents externally via URL. I have edited my previous response as to avoid confusion.

Re: Issue with using a custom widget in Portal

RobertScheitlin__GISP — Fri, 13 Sep 2019 16:05:32 GMT

So when you click on the url link in the browsers error message it is able to navigate a show the contents for the widgets manifest.json?

Re: Issue with using a custom widget in Portal

Matheus_ViníciusRamos_da_Fonse — Fri, 13 Sep 2019 16:57:39 GMT

Yep. All of the files in the widget directory.
Could it be that i only need to config the CORS in my server?

Re: Issue with using a custom widget in Portal

RobertScheitlin__GISP — Fri, 13 Sep 2019 17:01:27 GMT

I am not a Portal user but yes it sounds like the request is being blocked do to the cors error. Did you register the widget using the https url?

Re: Issue with using a custom widget in Portal

Matheus_ViníciusRamos_da_Fonse — Fri, 13 Sep 2019 17:02:45 GMT

Yeah, it is registered with the https url.

Re: Issue with using a custom widget in Portal

Matheus_ViníciusRamos_da_Fonse — Fri, 13 Sep 2019 17:27:51 GMT

I have solved the issue by adding a web.config file to the widget's root folder containing the CORS configuration settings. It works just fine now.

Re: Issue with using a custom widget in Portal

ClémentLaskar — Fri, 04 Sep 2020 09:38:18 GMT

Hi,

I'm stuck on the same problem, could you copy the content of your web.xml file to enable CORS ?

Thanks a lot

Re: Issue with using a custom widget in Portal

LeiHe — Thu, 17 Dec 2020 23:40:54 GMT

Understanding it's an old thread but could explain how to config your web.config file. I have the same issue now. Many thanks.

Re: Issue with using a custom widget in Portal

AmaiaMartinez — Wed, 28 Jul 2021 12:11:02 GMT

Hi Matheus,

We are getting the same issue when trying to use a custom widget deployed in a web server (on a different machine). When you say you only needed to add the web.config file at root level you are talking about the 'parent folder' in which you have all the custom widgets? Could you indicate the CORS settings in that file?

Thank you in advance!