Latest Contributions by RobertScheitlin__GISP

@JenaF  So here are the changes to be made to the widget.js file: //Change the onOpen function to this. onOpen: function () { this.removeEvtHandlers(); this.setEvtHandlers(); if(this.popup.features.length > 1){ domUtils.show(this.pager); domClass.add(this.previous, "hidden"); domClass.remove(this.next, "hidden"); domClass.remove(this.clearSel, "hidden"); }else if (this.popup.features.length === 1){ domUtils.show(this.pager); domClass.add(this.previous, "hidden"); domClass.add(this.next, "hidden"); domClass.add(this.clearSel, "hidden"); }else{ domUtils.hide(this.pager); domClass.add(this.clearSel, "hidden"); } this.displayPopupContent(this.popup.getSelectedFeature()); var mapMan = MapManager.getInstance(); if(mapMan.isMobileInfoWindow){ this.map.setInfoWindow(mapMan._mapInfoWindow); mapMan.isMobileInfoWindow = false; } //hide the standard esri popup instead html.addClass(query('.esriPopup')[0], 'myPopupHidden'); }, //Add this onClose function onClose: function () { this.removeEvtHandlers(); var mapMan = MapManager.getInstance(); mapMan.resetInfoWindow(false); if(!mapMan.isMobileInfoWindow){ html.removeClass(query('.esriPopup')[0], 'myPopupHidden'); } this.popup.reposition(); }, In the css\style.css file comment out this css rule: .esriPopup .actionsPane { background-color: inherit; } so that it looks like this: /* .esriPopup .actionsPane { background-color: inherit; } */ ... View more

@naveenbesri Here is some code I use to open an off screen widget. define([ ... 'jimu/WidgetManager', 'jimu/PanelManager', 'dojo/_base/array', ], function ( ... WidgetManager, PanelManager, array ) { ... postCreate: function () { ... this.wManager = WidgetManager.getInstance(); this.pManager = PanelManager.getInstance(); }, _openAboutWidget: function () { if (this.wManager) { var widgetCfg = this._getWidgetConfig('About'); if (widgetCfg) { var aboutWidget = this.wManager.getWidgetByLabel(widgetCfg.label); if (aboutWidget) { this.wManager.openWidget(aboutWidget); this.pManager.showPanel(aboutWidget); } else { this.wManager.loadWidget(widgetCfg).then(lang.hitch(this, function (widget) { if (widget) { this.wManager.openWidget(widget); this.pManager.showPanel(widgetCfg).then(lang.hitch(this, function (panel) { //Move the widgets position back to on screen panel.setPosition({ top: 45, left: 55 }); this.pManager.normalizePanel(panel); })) } })); } } } }, _getWidgetConfig: function(widgetName) { var widgetCnfg = null; array.some(this.wManager.appConfig.widgetPool.widgets, function(aWidget) { if(aWidget.name == widgetName) { widgetCnfg = aWidget; return true; } return false; }); if(!widgetCnfg) { /*Check OnScreen widgets if not found in widgetPool*/ array.some(this.wManager.appConfig.widgetOnScreen.widgets, function(aWidget) { if(aWidget.name == widgetName) { widgetCnfg = aWidget; return true; } return false; }); } if(!widgetCnfg) { /*Check OnScreen groups widgets if not found in OnScreen widgets*/ array.map(this.wManager.appConfig.widgetOnScreen.groups, function(aGroup) { array.some(aGroup.widgets, function(aWidget) { if(aWidget.name == widgetName) { widgetCnfg = aWidget; return true; } return false; }); }); } return widgetCnfg; }, ... View more

@naveenbesri  So for the onScreen widget placeholder to not be visible but be loaded and listening for another widget that is pretty simple. In the aps main config.json just search for the widgets name and make the widgets position left attribute a large negative number. "position": { "left": -550, ... ... View more

@naveenbesri You can close a widget using this line of code. this.props.dispatch(appActions.closeWidget("the ID of the widget you want to close")); Not sure about how to destroy a widget or why you would want to verses just close the widget. In widget widget A you can add some code to componentDidUpdate to do any clean up of things you did in widget A, like outlined in this thread. https://community.esri.com/t5/arcgis-experience-builder-questions/widget-close-event/m-p/1040201#M1659   ... View more

The way I manage it is use a state.  so Tabs value property is set to a widget state called selTab and programmatically I set the widgets state for selTab and it works fine. ... View more