cmv/cmv-wab-widgets

Examples of using widgets from the ESRI WebApp Builder in CMV

cmv-wab-widgets's Issues

Basemap Gallery in sidebar Right panel

I want to put the basemap gallery in the right side panel. The panel displays, but the widget does not. Any suggestions?
right: {
id: 'sidebarRight',
placeAt: 'outer',
region: 'right',
open: true,
splitter: true,
style: 'height:200px;',
collapsible: true,
content: '

'
},
basemapGallery: {
include: true,
id: 'basemapGallery',
type: 'titlePane',
title: 'Basemap Gallery',
open: false,
path: 'jimu/BaseWidgetPanel',
sidebarID: 'sidebarRight',
options: {
widgetManager: true,
config: {
widgets: [
{
id: 'WABBasemapGallery',
uri: 'wabwidgets/BasemapGallery/Widget'
}
]
}
}
},

Bypassing Portal

Hello

Would be nice if the CMV-wab-widgets could be able to bypass ArcGIS Portal to make it more open to connect to REST map services (like ArcGIS,MapServer and Geoserver).

Sincerely
Ezequias

defaultMapClickMode: 'identify' not working by default.

The defaultMapClickMode: 'identify', may not be working by default or at least it does not identify a feature by clicking on it when map is first opened, instead it will work with the right click and then identify.

CheckBox issue in this CMV-WAB viewer

Hi, @tmcgee : Just found out this issue when i tried to add @roemhildtg AppSettings widget to it. Somehow the checkbox is not clickable anymore. I think it is CSS conflicts somewhere, but i could not figure it out. If you check the default print widget, click the setting button, all other controls are fine, but the check box is not clickable.

here is the print widget

here is the appsetting widget

Please let me know if you have the fix or something.

Thanks a lot!

WAB Widgets Content Height

Hi,

How do I increase the height of the container so that widget's complete UI we can see without scrolling, as current height is not enough to see the complete UI.

Also, How do I set max-height & min-height for widgets ?

Query WAB widget PopUp - Multiple Field

Hi,

I added multiple field for popup configuration in WAB Query widgets options, but it is displaying single field

Filter Widget Error - 'isShowInMap' null

Hi,

I added Filter widgets and when I hit apply I get the error at line number 303 in widgets.js file of Filter widget "Cannot read property 'isShowInMap' of null".

below is widgets configuration in Viewer.js

filter: {
                include: true,
                id: 'filter',
                type: 'titlePane',
                iconClass: 'fa fa-filter',
                position: 10,
                title: 'Filter',
                path: 'jimu/BaseWidgetPanel',
                canFloat: true,
                open: false,
                options: {
                    // use the WAB WidgetManager (required)
                    widgetManager: true,
                    layerControlLayerInfos: true,
                    //style: 'min-height: 500px;',
                    config: {
                        widgets: [
                            {
                                id: 'WABFilter',
                                uri: 'wabwidgets/Filter/Widget', // Note the path
                                // more complex configuration passed to WAB Widget
                                config: {
                                    filters: [{
                                          "url": "https://myserver.com/arcgis/rest/services/Road/MapServer/0",
                                        "name": "Project Type",
                                        "filter": {
                                            "logicalOperator": "AND",
                                            "parts": [{
                                                "fieldObj": {
                                                    "name": "PROJECT_TYPE",
                                                    "label": "PROJECT_TYPE",
                                                    "shortType": "string",
                                                    "type": "esriFieldTypeString"
                                                },
                                                "operator": "stringOperatorIs",
                                                "valueObj": {
                                                    "isValid": true,
                                                    "type": "unique",
                                                    "value": ""
                                                },
                                                "interactiveObj": {
                                                    "prompt": "Project Type is",
                                                    "hint": "",
                                                    "cascade": "none"
                                                },
                                                "caseSensitive": false
                                            }],
                                            "expr": ""
                                        },
                                        "icon": "",
                                        "enableMapFilter": true
                                    }, {
                                         "url": "https://myserver.com/arcgis/rest/services/Road/MapServer/0",
                                        "name": "Works Programme",
                                        "filter": {
                                            "logicalOperator": "AND",
                                            "parts": [{
                                                "fieldObj": {
                                                    "name": "WORKS_PROGRAMME",
                                                    "label": "WORKS_PROGRAMME",
                                                    "shortType": "string",
                                                    "type": "esriFieldTypeString"
                                                },
                                                "operator": "stringOperatorIs",
                                                "valueObj": {
                                                    "isValid": true,
                                                    "type": "unique",
                                                    "value": ""
                                                },
                                                "interactiveObj": {
                                                    "prompt": "Works Programme is",
                                                    "hint": "",
                                                    "cascade": "none"
                                                },
                                                "caseSensitive": false
                                            }],
                                            "expr": ""
                                        },
                                        "icon": "",
                                        "enableMapFilter": true
                                    }, {
                                          "url": "https://myserver.com/arcgis/rest/services/Road/MapServer/0",
                                        "name": "Audit Type",
                                        "filter": {
                                            "logicalOperator": "AND",
                                            "parts": [{
                                                "fieldObj": {
                                                    "name": "AUDIT_TYPE",
                                                    "label": "AUDIT_TYPE",
                                                    "shortType": "string",
                                                    "type": "esriFieldTypeString"
                                                },
                                                "operator": "stringOperatorIs",
                                                "valueObj": {
                                                    "isValid": true,
                                                    "type": "unique",
                                                    "value": ""
                                                },
                                                "interactiveObj": {
                                                    "prompt": "Audit Type is",
                                                    "hint": "",
                                                    "cascade": "none"
                                                },
                                                "caseSensitive": false
                                            }],
                                            "expr": ""
                                        },
                                        "icon": "",
                                        "enableMapFilter": true
                                    }, {
                                        "url": "https://myserver.com/arcgis/rest/services/Road/MapServer/0",
                                        "name": "Audit Stage",
                                        "filter": {
                                            "logicalOperator": "AND",
                                            "parts": [{
                                                "fieldObj": {
                                                    "name": "AUDIT_STAGE",
                                                    "label": "AUDIT_STAGE",
                                                    "shortType": "string",
                                                    "type": "esriFieldTypeString"
                                                },
                                                "operator": "stringOperatorIs",
                                                "valueObj": {
                                                    "isValid": true,
                                                    "type": "unique",
                                                    "value": ""
                                                },
                                                "interactiveObj": {
                                                    "prompt": "Audit Stage is",
                                                    "hint": "",
                                                    "cascade": "none"
                                                },
                                                "caseSensitive": false
                                            }],
                                            "expr": ""
                                        },
                                        "icon": "",
                                        "enableMapFilter": true
                                    }]
                                }
                            }
                        ]
                    }
                }
            },

Please suggest me on this.

WAB widgets working without anything code change

https://github.com/USEPA/Public_Web_AppBuilder/tree/master/widgets/BombThreat

        BombThreat: {
            include: true,
            id: 'BombThreat',
            type: 'titlePane',
            position: 16,
            title: 'BombThreat',
            open: false,
            path: 'jimu/BaseWidgetPanel',
            options: {
                widgetManager: true,
                config: {
                    widgets: [
                        {
                            id: 'WABBombThreat',
                            uri: 'widgets/BombThreat/Widget'
                        }
                    ]
                }
            }
        },              

Does "mapClickMode" work with the Enhanced Measure Widget?

Is the mapClickMode property intended to work with integrated WAB widgets? I am having an issue where using Enhanced Measure (measuring with poly line to be specific) clicks on a layer and identifies it. I've attempted to integrate the mapClickmode functionality, but no luck yet.

http://map.sccmo.org/Main/cmv_wab/demo.html

Thanks for looking into this.

3.17 API Update

Will you be migrating this application to the 3.17 API in the near future?

scriptError dojo loader //cdnjs.cloudflare.com/ajax/libs/xlsx/0.7.8/xlsx.core.min.js

I am having trouble with this error while on my work network. Where is this js referenced? How can I fix it?

Errors loading custom basemaps when integrating a WAB widget

When adding the WAB widgets and their dependencies (_WABMixin in the controller), I get the following errors upon loading a custom basemap:

Basemap.js:4 esri.dijit.Basemap: unable to find the 'layers' property in parameters
BasemapLayer.js:4 esri.dijit.BasemapLayer: unable to find the 'url' or 'type' property in parameters

I was not able to replicate this issue when loading AGOL basemaps. Also, it's worth noting that the basemap will not load at all in IE when using the same custom basemaps (still loads fine in Chrome, Firefox and Edge). The errors are generated after basemap creation takes place in the config (i.e. wab-measure.js) file.

Any ideas on what could be causing the issue?
I've made the test site public: http://map.sccmo.org/Main/cmv_wab/demo.html but I can attach code if needed.

Besides that, the WAB widgets are working great CMV!

Thanks,

Jesse

binding sql data to datagrid using wcf service

Hi ,

Would like to create a widget where need to publish WCF service and then fetch data from Sql Server in to datagrid....
Datgrid should contain filtering,Grouping...

WAB widgets do not load on mobile devices

1. Load the demo in Chrome
2. Open Dev Tools
3. Click the 'Toggle device toolbar' icon and select a tablet or phone, such as the iPhone 7.
4. Refresh
5. The page never loads, with the following error:

init.js:28 Uncaught TypeError: this.widgetManager.loadWidget is not a function
at Object. (BaseWidgetPanel.js:76)
at Object.forEach (init.js:70)
at Object.loadAllWidgetsInOrder (BaseWidgetPanel.js:66)
at Object.startup (BaseWidgetPanel.js:55)
at Object.placeAt (init.js:361)
at Object.createWidget (_WidgetsMixin.js:190)
at Object. (_WidgetsMixin.js:171)
at init.js:63
at ia (init.js:28)
at init.js:28

I believe this is due to the panel being collapsed when the page loads, preventing the widget to properly initialize.

Logo for 'sub-configuration' viewers.

How do I display a different logo in the title section of a 'sub-configuration'?
titles: {
header: 'Aloha Threat Zone Widget Preview',
subHeader: 'This is an example of using Web App Builder widgets with CMV',
pageTitle: 'Aloha Threat Zone Widget Preview'
},

Switching on Dynamic-Sublayer in LayerControl results in drawing all sublayers

I have a Dynamic Service (Regions_Zones) with the following structure:

• Regions (0)
  • Region_A (1)
  • Region_B (2)
  • Region_C (3)
  • Region_D (4)
• Zones (5)
  • Zone_A (6)
  • Zone_B (7)
  • Zone_C (8)
  • Zone_D (9)

If I select the layer (6) in the LayerControl the layer is checked, but all layers in the Zones Group are displayed on the map. The layerControl show only layer (6) as checked). If I debug this in the file Dynamic.js the setLayers variable contains the right value (6) but after the call setVisibleLayers the setLayers array contains now a lot more values (now 48 values) and all values are in the range from 5...9 which is the range from the group.

_setVisibleLayers: function () { // file: Dynamic.js

(203) layer.setVisibleLayers(setLayers);
(204) layer.refresh();

This behavior occurs only with the WAB integration. The standalone CMV works fine.

I cross-checked the following:

• cmv current development works as expected
• cmv 2.0.0 beta2 works as expected

Layer operation buttons not working

When trying CMV WAB demo, in Layer list and click ellipsis button on the right of layer title, it keeps loading, but nothing shows up.

In browser debug window, got the errors:

init.js:114 TypeError: window.getAppConfig is not a function
    at Object._getBasicItemInfo (LayerInfo.js:1106)
    at Object.isItemLayer (LayerInfo.js:992)
    at Object._getATagLabel (PopupMenuInfo.js:51)
    at Object._initCandidateMenuItems (PopupMenuInfo.js:117)
    at Object.constructor (PopupMenuInfo.js:43)
    at new <anonymous> (init.js:200)
    at Function.<anonymous> (PopupMenuInfo.js:471)
    at init.js:63
    at h (init.js:107)
    at d.then.b.then (init.js:110) "TypeError: window.getAppConfig is not a function
    at Object._getBasicItemInfo (https://cmv.github.io/cmv-wab-widgets/wab/2.8/jimu.js/LayerInfos/LayerInfo.js:1106:50)
    at Object.isItemLayer (https://cmv.github.io/cmv-wab-widgets/wab/2.8/jimu.js/LayerInfos/LayerInfo.js:992:19)
    at Object._getATagLabel (https://cmv.github.io/cmv-wab-widgets/wab/2.8/widgets/LayerList/PopupMenuInfo.js:51:43)
    at Object._initCandidateMenuItems (https://cmv.github.io/cmv-wab-widgets/wab/2.8/widgets/LayerList/PopupMenuInfo.js:117:21)
    at Object.constructor (https://cmv.github.io/cmv-wab-widgets/wab/2.8/widgets/LayerList/PopupMenuInfo.js:43:12)
    at new <anonymous> (https://js.arcgis.com/3.24/init.js:200:335)
    at Function.<anonymous> (https://cmv.github.io/cmv-wab-widgets/wab/2.8/widgets/LayerList/PopupMenuInfo.js:471:22)
    at https://js.arcgis.com/3.24/init.js:63:337
    at h (https://js.arcgis.com/3.24/init.js:107:277)
    at d.then.b.then (https://js.arcgis.com/3.24/init.js:110:152)
    ----------------------------------------
    rejected at a (https://js.arcgis.com/3.24/init.js:108:174)
    at h (https://js.arcgis.com/3.24/init.js:107:436)
    at d.then.b.then (https://js.arcgis.com/3.24/init.js:110:152)
    at Function.clazz.create (https://cmv.github.io/cmv-wab-widgets/wab/2.8/widgets/LayerList/PopupMenuInfo.js:450:30)
    at Object.openDropMenu (https://cmv.github.io/cmv-wab-widgets/wab/2.8/widgets/LayerList/PopupMenu.js:201:23)
    at Object._onPopupMenuClick (https://cmv.github.io/cmv-wab-widgets/wab/2.8/widgets/LayerList/LayerListView.js:549:21)
    at HTMLDivElement.<anonymous> (https://js.arcgis.com/3.24/init.js:63:15)
    ----------------------------------------
Error
    at d.then.b.then (https://js.arcgis.com/3.24/init.js:110:97)
    at Function.clazz.create (https://cmv.github.io/cmv-wab-widgets/wab/2.8/widgets/LayerList/PopupMenuInfo.js:450:30)
    at Object.openDropMenu (https://cmv.github.io/cmv-wab-widgets/wab/2.8/widgets/LayerList/PopupMenu.js:201:23)
    at Object._onPopupMenuClick (https://cmv.github.io/cmv-wab-widgets/wab/2.8/widgets/LayerList/LayerListView.js:549:21)
    at HTMLDivElement.<anonymous> (https://js.arcgis.com/3.24/init.js:63:15)"

Try to reload my drawing?

Sorry I don’t see that one: Wab widgets won’t load
Your tool Tim is very power full, I try and its work perfectly until i try to reload my drawing?
i make a draw and I save and I reload but I don’t understood something
to reload the draw, cmvSessions.json I have no draw???

I am sure its not a versioning problem
I work with WAB since a while with 10.02 and almost everything work but no dropdown in a popup...

WAB Widget: Image Discovery

WAB version: 2.4
JS Arcgis version: 3.2
CMV version: 2.0 beta 1.0

Hi,
I need help to use this WAB Image Discovery runs inside CMV . Install okay show in the picture. However no action on clicking the search tools. I use localhost mosaic datasets as image services. Also, console from the Chrome developer tools shows no errors. Please help. Thanks.

Cannot read property split of undefined

Hello @tmcgee could you help me here please, I got this error while trying to include this widgets into my cmv app

TypeError: Cannot read property 'split' of undefined
at Object.mo.manifest.ret.processManifestLabel (utils.js:1345)
at Object._processManifest (WidgetManager.js:260)
at Object. (WidgetManager.js:222)
at init.js:63

my configurations are :
in the app.js :

 (function () { 
    var path = location.pathname.replace(/[^\/]+$/, '');
    window.dojoConfig = {
        async: true,
        packages: [
            {
                name: 'viewer',
                location: path +'../Scripts/arcgis/viewer'
            }, {
                name: 'gis',
                location: path + '../Scripts/arcgis/gis'
            }, {
                name: 'config',
                location: path + '../Scripts/arcgis/config'
            }, {
                name: 'JSZip3',
                main: 'jszip-3.1.3.min',
                location: path + '../Scripts/arcgis/gis/dijit/Export/lib'
            }, {
                name: 'proj4js',
                location: '//cdnjs.cloudflare.com/ajax/libs/proj4js/2.3.15'
            }, {
                name: 'flag-icon-css',
                location: '//cdnjs.cloudflare.com/ajax/libs/flag-icon-css/2.8.0'
            }, {
                name: 'jimu',
                location: path + '../Scripts/arcgis/gis/dijit/wab/jimu.js'
            }, {
                name: 'libs',
                location: path + '../Scripts/arcgis/gis/dijit/wab/libs'
            }, {
                name: 'wabwidgets',
                location: path + '../Scripts/arcgis/gis/dijit/wab/widgets'
            }
        ]
    }; 

require(window.dojoConfig, [
    'dojo/_base/declare',

    // minimal Base Controller
    'viewer/_ControllerBase',

    // *** Controller Mixins
    // Use the core mixins, add custom mixins
    // or replace core mixins with your own
    'viewer/_ConfigMixin', // manage the Configuration
    'viewer/_LayoutMixin', // build and manage the Page Layout and User Interface
    'viewer/_MapMixin', // build and manage the Map
    'viewer/_WidgetsMixin', // build and manage the Widgets
    'viewer/_WABMixin' // cusom mix-in to use the new widgets
    // 'viewer/_WebMapMixin' // for WebMaps
    //'config/_customMixin'

], function (
    declare,

    _ControllerBase,
    _ConfigMixin,
    _LayoutMixin,
    _MapMixin,
    _WidgetsMixin,
    _WABMixin
    // _WebMapMixin
    //_MyCustomMixin

) {
    var App = declare([

        // add custom mixins here...note order may be important and
        // overriding certain methods incorrectly may break the app
        // First on the list are last called last, for instance the startup
        // method on _ControllerBase is called FIRST, and _LayoutMixin is called LAST
        // for the most part they are interchangeable, except _ConfigMixin
        // and _ControllerBase
        //
        _LayoutMixin,
        _WidgetsMixin,
        // _WebMapMixin,
        _MapMixin,
        _WABMixin,
        // configMixin should be right before _ControllerBase so it is
        // called first to initialize the config object
        _ConfigMixin,

        // controller base needs to be last
        _ControllerBase
    ]);
    var app = new App();

    app.startup();
});

})(); `

the home index :
`<script src="~/Scripts/arcgis/3.20/init.js"></script>

<script src="~/Scripts/arcgis/config/app.js"></script> <script src="~/Scripts/arcgis/gis/dijit/wab/libs/caja-html-sanitizer-minified.js"></script>

`

The Draw tools in the demo is not charging, I want to try that one if we have a save for the Draft?

CMV WAB Widget Query - Result panel options Feature Action doesn't work

HI,

I added query WAB widget in app and it is working. After querying, in Results panel if I click on Feature Action button, the menu doesn't display

Enhanced Search Widget Version 2.2 - 11/24/16

Hi
I m trying to configure enhanced esearch widget but facing some issues, might I m doing some configuration wrong.

Enhanced Search Widget Version 2.2 - 11/24/16

https://geonet.esri.com/docs/DOC-1731

Chart widget - Enlarge Window

HI,

When I click on Enlarge button of Chart widget, the pop up window going out of screen, X & Y axis data and close button not visible on screen.

I would like to set the settings same as Identify popup window as it is display properly on center of the screen even when you maximize the popup.

Please suggest me on this.

Enhanced Search Widget not configured with CMV(eSearch Version 2.2 - 11/24/16)

I am trying to configure esearch widget with CMV but facing some (List widgets not loaded),

https://geonet.esri.com/docs/DOC-1731

CMV Editor widget issue in WAB enabled cmv viewer since api 3.21

Today a user reported to us this issue, if we update the viewer to 3.25, then the CMV editor widget stops working, the error popup is

Uncaught RangeError: Maximum call stack size exceeded

If we switch back to 3.21, it still works, tried 3.22, 3.23, 3.24, 3.25, and 3.26, all failed. Please see if you experienced the same or not, any suggestion on how to fix this issue.

Thanks!

config/nls folder not in cmv-wab-widgets folder

In the cmv-widgets application there is a config/nls folder. I am assuming there will be a conflict with the cmv-wab-widgets application. Is this true?

Wab widgets won’t load

Hi,

I’m having trouble getting any wab widgets to load in CMV (I am using the latest version). They appear in the title pane but when I open them they just stay with the loading dots and never open. I am getting no errors appear anywhere, they just never load. I have tried multiple widgets in the wab repo and it’s the same with all of them. I have a feeling it maybe related to the wabapp-config.js. Was I meant to edit the itemid and portalUrl if my system is completely offline/stand-alone?

Any help you could provide would be hugely appreciated

eBookmark dropping tree file structure when in use

I was having trouble with the eBookmark widget you were using in your code. The folder options disappeared when I used the widget. I upgraded the widget to the 2.1 version. It appears to be working correctly now. https://geonet.esri.com/docs/DOC-6889. I will continue to test on and off my work network.

eDraw wab widget issue?

Can anyone try the eDraw widget and test if the export feature is working with the latest CMV from the dev branch? The import seems to be functioning but I cannot get the export dialog to trigger.

Thanks!