Web AppBuilder Custom Widgets Blog - Page 2

The WebGL rendering of feature Layer allows you to display more data in the map and update the visualization of features more rapidly. Although it is not supported in Web AppBuilder Developer Editon 2.8, you can manually opt in with the steps below.

1. Find the init.js file in the client/stemapp folder
2. Add a line to dojoConfig:

dojoConfig = {
   parseOnLoad: false,
   async: true,
   tlmSiblingOfDojo: false,
   has: {
   'extend-esri': 1,
   // add this line
   'esri-featurelayer-webgl': 1
   }
};

3. Save the file
3. Start Web AppBuilder Developer Edition 2.8 and create a new 2D app

To verify whether the layer is rendered in WebGL, access the layer through this.map.getLayer in the Widget.js file. Then call the following properties and method:

var layerId = this.map.graphicsLayerIds[0];
var layer = this.map.getLayer(layerId);

console.log("webgl enabled on map? ", this.map.webglEnabled);
console.log("webgl enabled on layer? ", layer.webglEnabled);
console.log("layer drawn with webgl? ", layer.hasWebGLSurface());

Also, see known limitations for the WebGL Feature Layer.

The v2.8 update includes the new capabilities that were part of the Web AppBuilder for ArcGIS online release this month as well as new documentation specifically on unit tests. See the ArcGIS blog below by David Martinez.

Web AppBuilder for ArcGIS v2.8 Developer Edition Now Available! 

Starting with Web AppBuilder for ArcGIS (Developer Edition) 2.8, the beta version for each release will be available in Early Adopter Community right after Web AppBuilder in AGOL update. So you can test the latest features and enhancements in Developer Edition beta as well as import the apps from AGOL when needed. Currently, Developer Edition 2.8 beta syncs up with the latest Web AppBuilder in AGOL April 11^th update. Click on this link to access the 2.8 beta release.

Developer Edition 2.8 has more widgets for 2D apps, including Data Aggregation (beta), Distance and Direction, Gridded Reference Graphic, and Emergency Response Guide. For 3D apps, the dashboard theme and Measurement and Share widgets are available now. Key enhancements have been made to Edit for related feature editing, Legend for choosing layers to show legends, Smart Editor for editing related layers and tables as well as for defining attribute actions, and the statistic layer from the extra data source for a new option of the filter by extent. See What’s New from AGOL update. More SDK related topics will be added in the final release.

Please use the Forums within the Early Adopter Community to communicate all your observations and feedback.

Thank you!

The Web AppBuilder for ArcGIS team

Hi Custom Widgets community,

David Martinez‌ and I will be presenting a 1-hour webinar on basic techniques to extend Web AppBuilder - specifically though custom widgets and custom themes. If you're interested and this would benefit you, we hope you'll join us. More information, including registration link, is in Amy's blog post: https://community.esri.com/groups/geodev/blog/2018/01/09/geodev-webinar-series-continues-with-a-welc... 

Thanks!

Gavin

Web AppBuilder Developer Edition v2.4 supports a Report class that enables you to print a file with a map, tables, and other supporting elements.

Check out the ArcGIS blog "Creating a Custom Widget for Web AppBuilder for ArcGIS using the Report Class" that describes the basic steps of how you can extend the Report class to create your own custom widget that can be used in Web AppBuilder Developer Edition.

Hi Everyone,

The talk that George Bochenek‌ and I gave at Dev Summit 2017 is now posted on YouTube. The slides are here, and be sure to check out the main two tools we mention in the talk:

• GitHub - Esri/generator-esri-appbuilder-js: Yeoman generator to help customize Esri's WebAppBuilder 
• GitHub - gbochenek/esri-wab-build: Package used to build ESRI Web App Builder Apps for production. 

We hope you will find it useful if you weren't able to make the talk in person. Thanks!

Using Web AppBuilder for ArcGIS (Developer's Edition), I tried my best to create the split two live charts; Service Requests and Work Orders (see piechart_servicerequest) on the same panel widget instead of clicking two link buttons (see piechart_widget) many times but they did not work properly. I am attaching the Chart Widget Folder and Web AppBuilder Folder. Can you please review these folders?

Let me know.

Thanks,

Sri

FYI: The Imagery Development team have release a collection of widgets that are specifically designed to work with image services. They're available for download from GitHub.

Image Service Widgets for Web AppBuilder for ArcGIS | ArcGIS Blog 

Sample demo app: http://esriurl.com/LandsatOnAWS  

Download link: GitHub - Esri/WAB-Image-Services-Widgets: WAB widgets specific to image services – WABIS 

Enjoy,

Hi,

If you want to change the position of the map's loading icon (which is not convenient in Foldable Theme), it's simple with css.

You just have to overide style's properties with !important, for example in the index.html style.

Left bottom : 20px for left and standard bottom

.map .load-container {
    left: 20px !important;
}

Left top : 20px for top and 50 for left

.map .load-container {
    top: 20px !important;
    left: 50px !important;
}

In On-Demand GPS Provisioning Widget Thingy: Step 3 we published the model developed in On-Demand GPS Provisioning Widget Thingy: Step 2 . Now for some WAB hacking! In WAB  on your hard drive, find ...\server\apps\2\widgets\Geoprocessing.

Edit resultRendererManager.js line 55 to be as so:

 text = '<a target="_blank" href="' + value.value.url + '">Get My Data</a>';

Back in WAB, add a GP Widget to the Header Controller. Note that I am able to get this to work with https and IWA, despite Esri warning otherwise.

Check Allow to Export Results and Output May have...

Now run the tool!

Here's why I emphasize the metadata. I want this to be completely self-service so a field worker can figure out, on their own, how to get the latest data. When someone click on the Help link:

And now the user can click on the download link and follow their GPS manual instructions for uploading the waypoints to their GPS!

Please forgive my crude text redactions in the screenshots. The data used for the demo is really secret-squirrel stuff...

On-Demand GPS Provisioning Widget Thingy: Step 1

On-Demand GPS Provisioning Widget Thingy: Step 2

On-Demand GPS Provisioning Widget Thingy: Step 3

On-Demand GPS Provisioning Widget Thingy: Step 4