topic Re: WAB - Edit Widget in Web AppBuilder Custom Widgets Questions

WAB - Edit Widget

RickeyFight — Tue, 01 May 2018 15:35:46 GMT

I am working on Web AppBuilder Custom Widgets‌ that when a user clicks on an edit template the toolbar will minimize. I need this because I am trying to edit on a mobile device and the toolbar take up too much of the screen.

Thanks!

Re: WAB - Edit Widget

RobertScheitlin__GISP — Sun, 12 Dec 2021 08:53:51 GMT

Rickey,

Add this to the Edit widgets _worksAfterCreate function.

Tested in foldable theme.

        on(this.editor.templatePicker, 'selection-change', lang.hitch(this, function() {
          var selected = this.editor.templatePicker.getSelected();
          if(selected){
            var panel = this.getPanel();
            panel.foldableNode.click();
          }
        }));‍‍‍‍‍‍‍

Re: WAB - Edit Widget

RickeyFight — Tue, 01 May 2018 17:35:10 GMT

That is what I needed! Thank you!

Re: WAB - Edit Widget

RickeyFight — Tue, 01 May 2018 18:11:00 GMT

Robert Scheitlin, GISP‌ Is there a way to open the edit tool back up after the user closes the edit popup?

Re: WAB - Edit Widget

RobertScheitlin__GISP — Tue, 01 May 2018 18:13:05 GMT

take out the if selected condition.

Re: WAB - Edit Widget

RickeyFight — Tue, 01 May 2018 18:34:01 GMT

The template gets deselected when I click on the map not when Close is clicked.

Re: WAB - Edit Widget

RobertScheitlin__GISP — Sun, 12 Dec 2021 08:53:53 GMT

Rickey,

This should cover that then: (lines 12-15)

      _addButtonToInspector: function() {
        var closeButton = new Button({
          "label": this.nls.close,
          "class": " atiButton close-button"
        }, html.create("div"));

        html.place(closeButton.domNode,
                   this.editor.attributeInspector.deleteBtn.domNode,
                   "before");
        this.own(on(closeButton, 'click', lang.hitch(this, function() {
          this.editPopup.hide();
          setTimeout(lang.hitch(this, function(){
            var panel = this.getPanel();
            panel.foldableNode.click();
          }),1200);
        })));
...‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Re: WAB - Edit Widget

RickeyFight — Tue, 01 May 2018 21:00:33 GMT

Robert Scheitlin, GISP‌ As always thank you! This did the trick.

Re: WAB - Edit Widget

GeorgeKatsambas — Thu, 18 Oct 2018 13:38:33 GMT

Is there a way that a password required to use the edit widget can be added?

Re: WAB - Edit Widget

RobertScheitlin__GISP — Thu, 18 Oct 2018 13:46:19 GMT

I guess it could be done. But restricting access to editing is better handled by adding the edit widget to a certain app that is only shared with certain AGOL logins.

Re: WAB - Edit Widget

GeorgeKatsambas — Thu, 18 Oct 2018 14:11:07 GMT

Thanks Robert, that is how it is set up now, certain AGOL users (10 in a shared group) who use the Collector App to collect field data, however, in this AGOL Group 1 or 2 individuals would like the possibility to go into the editable feature service attribute (that is published) and use the edit widget through a password and change more than just the one editable field I have set up in the WAB app and online map. Right now I use the online AGOL map to make 1 field editable only, then in the widget the same thing, however, now with WAB 2.10 I can set the edit widget to honor the online map editable fields..