topic Re: Changing html of jimu dijit class in WebAppBuilder Application? in ArcGIS Web AppBuilder Questions

Changing html of jimu dijit class in WebAppBuilder Application?

GeoffreyWest — Wed, 20 Jul 2016 16:47:03 GMT

I am inspecting this element. I would like to change the names of "Tasks" and "Results" to "Life Support Search" and "Life Support Customers" respectively.

When inspecting the element in my browser what's listed below appears, however I haven't been able to find where this is located in the code. Where are these classes located in the WebAppBuilder folder/file structure?

<div class="query-tab-item jimu-float-leading selected" data-dojo-attach-point="taskQueryItem">Tasks</div>

Re: Changing html of jimu dijit class in WebAppBuilder Application?

RobertScheitlin__GISP — Wed, 20 Jul 2016 16:55:21 GMT

Geoffrey,

Are you using WAB Dev 2.0 or 2.1?

Re: Changing html of jimu dijit class in WebAppBuilder Application?

GeoffreyWest — Wed, 20 Jul 2016 16:59:07 GMT

Hi Robert,

I am using WAB 2.1 deployed on my machine from the AGOL code.

On Wed, Jul 20, 2016 at 9:56 AM, Robert Scheitlin, GISP <geonet@esri.com>

Re: Changing html of jimu dijit class in WebAppBuilder Application?

RobertScheitlin__GISP — Wed, 20 Jul 2016 17:12:45 GMT

Your problem is that the code will be minified and very hard to read. This is always the case when downloading from AGOL. If you had started with WAB Dev you would not have this issue. You may have caught a break though as those strings are in the widgets\Query\nls\strings.js file and is likely not minified.

Just change:

queryResults: "Results",

tasks: "Tasks",

Re: Changing html of jimu dijit class in WebAppBuilder Application?

ChenLi2 — Wed, 20 Jul 2016 17:24:56 GMT

Hi Geoffery,

I noticed that you are able to change it in the widgets\Query\nls\Widget_en.js (if you are using other languages, just find the corresponding widget_xx.js). And you can search for "Tasks" and "Results" in this file, you are able to replace them with anything you want.

Thanks

Chen

Re: Changing html of jimu dijit class in WebAppBuilder Application?

GeoffreyWest — Wed, 20 Jul 2016 17:39:35 GMT

Hi Chen,

This did the trick. Thank you.