topic Re: Custom widget setting page cannot be summited in Web AppBuilder Custom Widgets Questions

Custom widget setting page cannot be summited

AlfonsoYañez_Morillo — Fri, 08 Dec 2017 18:24:44 GMT

Hi all,

I'm working on the setting page to set the url and fields a widget needs. I used the search widget as a model to follow. The setting page works fine getting the information, however there is one detail I cannot answer and makes the page useless. When I click on the OK button to accept the settings a popup appears with the message "Label Exists", but nothing happens; the getConfig Method is not called, so the config.json is not updated, and on the other hand the page is not closed.

Thanks for the help,

Alfonso

Re: Custom widget setting page cannot be summited

RobertScheitlin__GISP — Fri, 08 Dec 2017 18:48:52 GMT

Alfonso,

I do not see any code so it is hard to say.

Re: Custom widget setting page cannot be summited

AlfonsoYañez_Morillo — Fri, 08 Dec 2017 20:35:21 GMT

Robert,

The setting.html file is as follows:

And the setting.js is attached

You will see the seeting.js has dependencies on the ./SourceSetting which is a modified version of the search widget’s QuerySourceSetting.js and html and ./utils which is a copy of the original.

The problem raises when I click on an element not managed directly with the code. The cancel button and the top-right X perfectly close and destroy the setting panel. But the OK Button apparently has lost its functionality. It is suppose the OK button raises the getConfig method and close the panel, then I created a demo widget to check if the button works correctly and it did.

[cid:image002.jpg@01D37039.6FC20770]

The widget captures the information correctly and for testing purposes, I forced the getConfig method to work seeing it retrieves the data well.

Maybe I need to catch the event associated with the ok and force the panel to close and call the getConfig.

Thank you

Re: Custom widget setting page cannot be summited

RobertScheitlin__GISP — Fri, 08 Dec 2017 23:29:21 GMT

Alfonso,

I am not seeing the html or the js code.

Re: Custom widget setting page cannot be summited

AlfonsoYañez_Morillo — Mon, 11 Dec 2017 14:25:16 GMT

I’m trying again. I placed the setting.js, the SourceSetting.js and the setting.html in a text file. I think there is some king of filter in my outlook to prevent some kind of files.

As I commented before, the ./utils is a copy of the utils.js from the widgets/search widget.

Thanks

Re: Custom widget setting page cannot be summited

RobertScheitlin__GISP — Mon, 11 Dec 2017 17:37:39 GMT

Alfonso,

What about the SourceSetting.html and _FeaturelayerLimitedSourcePopup.js?

Re: Custom widget setting page cannot be summited

AlfonsoYañez_Morillo — Mon, 11 Dec 2017 17:48:41 GMT

Sorry, that’s right, I forgot it!!

Re: Custom widget setting page cannot be summited

RobertScheitlin__GISP — Mon, 11 Dec 2017 17:53:26 GMT

Alfonso,

It is a lot easier for me to debug is I can get your widget partially running on my end. Can you provide the:

_FeaturelayerLimitedSourcePopup.js
widgets config.json

Re: Custom widget setting page cannot be summited

AlfonsoYañez_Morillo — Mon, 11 Dec 2017 18:19:53 GMT

Robert,

I think it’ll be easier if you use the jimu/dijit/FeatureLayerSourcePopup.

The _FeaturelayerLimitedSourcePopup and its modified dependencies are a copy of the jimu/dijit/FeatureLayerSourcePopup where I bind the radio option for Map. Substituting _FeatureLayerLimitedSourcePopup by FeatureLayerSourcePopup should works.

Thanks,

Alfonso

Re: Custom widget setting page cannot be summited

RobertScheitlin__GISP — Mon, 11 Dec 2017 18:43:18 GMT

Alfonso,

Strange I have taken everything you have given me and added it to a custom widget on my end and I have no problem saving the settings dialog information.

Re: Custom widget setting page cannot be summited

AlfonsoYañez_Morillo — Mon, 11 Dec 2017 20:24:41 GMT

Thanks Robert,

Yes, it was strange. I also disabled the setting option in the manifest and the popup shows the config.json. But when I try to close the popup clicking on the OK button, happens the same. The same alert with the message “the label exists”. I was completely stuck because I thought was something in the code that changed something behind. I think code that manages the button was corrupted, so the panel that wraps the setting page didn’t work well. I created a new widget and copied the files there, and it worked.

I would like to raise new questions related with the same widget. If the source selected requires a token, what’s the way to ask if it is required and, is it a good idea to store the credentials in the widget’s config.json?

Thank you again

Re: Custom widget setting page cannot be summited

RobertScheitlin__GISP — Mon, 11 Dec 2017 20:36:10 GMT

Alfonso,

No do not store the credential in the config json as this is a easily readable file and can be easily read as it is passed from the server to the client. If the layer requires a login then just let WAB challenge the user with the identity manager to get the users login.