Latest Contributions by NathanHeickLACSD

‎04-05-2019

Hi Rocio, I was able to get it working by adding the CSV to a new web map and then sharing the new web map as a Shortlist Story Map. Then, I used the import option which copies the data from the web map you created into a new web map. It gives you the chance to map your field names to the ones used by the Shortlist story map. Also, it lets you modify the data and change the tabs from the Builder app. It even put the All tab at the end automatically. However, the performance is pretty slow. You have a lot of points and the URLs need work. It might work better with more tabs with less points on each tab. I am not sure. Also, your THUMB_URL field in the CSV is misspelled as THUM_URL. It won't matter with the import tool, though.

‎04-04-2019

I would have to look at it after work. However, have you tried to edit the application itself? You should be able to click on the Organize Tabs button and drag the tabs up and down to change the order. From the item page, click on Configure App. When the Builder opens up, click on Organize Tabs.

‎04-04-2019

Good Morning Rocio, I am a little rusty with the Shortlist story map since I have not touched the app for a while. Also, I forgot the experience of loading the data in with a CSV file. However, I think I could probably figure out the issue if I had your CSV file. Could you post that? Each tab has a tab_id and I believe they start with 0. The tab order follows the tab_id numbering. Thanks, Nathan

‎02-20-2019

Good Afternoon, I was looking around for a legend widget that only shows layers in the legend when the layer is visible and has data in the current extent. I also need to be able to reorder the legend without changing the drawing order in the web map. I was looking at the Legend Widget code and at LayerInfos. I don't know what the performance will be like, but I am getting ready to try using a query task to query the layers in the current extent to see which ones should be in the legend. As far as the layers go, I will try to change the order of the LayerInfos and see if that does it. I just want to know if anyone has already done this or if they have recommendations on how to proceed. Otherwise, I will just start modifying and see how it goes. Thanks, Nathan

‎02-19-2019

The following worked for me in Chrome and Firefox so far. I updated the method _setElementsSize of the HeaderController widget. It sets this.height using this.position, which gets updated based on the height of the HeaderController Widget. It in turn gets updated based on the desktop and mobile layout configs. _setElementsSize: function() { if (this.position && this.position.height) { this.height = this.position.height; } html.setStyle(this.titleNode, { lineHeight: this.height + 'px' }); html.setStyle(this.subtitleNode, { lineHeight: this.height + 'px' }); query('.jimu-link', this.domNode).style({ lineHeight: this.height + 'px' }); },‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍ Now, the header controller adjusts its height automatically based on the heights in the layout config.

‎02-19-2019

Good Afternoon, I am trying to use two different heights for the header controller in the Jewelry Box Theme. I have set different heights in the layout config for the desktop layout and the mobile layout. It works when you load up the page, however, it does not work properly when you resize the page and go from the mobile layout to the desktop layout and vice versa. The height stays the same. It looks like the height is obtained from the config after is created, but it is not updated when the window is resized. Any ideas on the proper way to do this? Thanks, Nathan

‎02-11-2019

Thanks Robert for all of your help. It turns out that the issue was that the web server was set up to open in enterprise mode based on the Enterprise Mode Site List. Once our system administrators excluded the WAB app, it worked properly. Thanks, Nathan

‎02-11-2019

Thanks Robert! The portal URL was set up using https and I believe the organization is set up to require https. I set up the organization this past year and checked that box recognizing that was where things were going in general. Esri has taken away the option at this time. We were able to deploy the app on a server with https configured. The app works properly in Chrome and Firefox, but not IE. In IE, it switches into IE 8 enterprise mode via the X-UA-compatible meta tag. I was able to switch it in the IE 11 developer tools to IE 11 mode and the app worked. I am wondering if we have group policy settings for our internal servers that change the mode to IE 8 for compatibility purposes. The Amazon hosted version of the app doesn't switch to IE 8 enterprise mode.

‎02-11-2019

I am trying to deploy a new application to our test Windows web server, but I am having issues. It goes into a loop and the console prints out "Waiting for API loaded." over and over. Looking at init.js, it seems that require is undefined. I am thinking that means that dojo is not loading properly. Another thing is that the app goes into IE8 Enterprise Mode. In Firefox, the last console message is "redirect from http to https" and then "undefined". Chrome does not work either. Is https required? It will be setup soon, but is not right now. When I deployed it on Amazon Cloudfront, it works fine. Of course, I am sure that Amazon has https setup properly.

‎02-08-2019

Is there a way to only have one style without having the option to change the color of the style? When I was playing around with customizing my theme, I believe the default theme is the one that is selected by default, but all themes are listed in the same order as in the JSON, and the last one has a color selector. I just want to have one style with no color selector.

‎02-07-2019

Hi Robert, I found the following line in jimu.js. I don't understand the 1280. I thought that if the width or height of the window was less than 600 it triggered the mobile mode. Is there a third level of responsiveness built into the app? jimuConfig = lang.mixin({ loadingId: 'main-loading', loadingImageId: 'app-loading', loadingGifId: 'loading-gif', layoutId: 'jimu-layout-manager', mapId: 'map', mainPageId: 'main-page', timeout: 5000, breakPoints: [600, 1280] }, jimuConfig);‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍ Thanks!

‎02-07-2019

Is there a file where the mobile breakpoints can be set or can it only be done programmatically? If so, where is the appropriate place to do this? Is it in the main.js file of the theme?

‎02-05-2019

Thanks Robert. I marked my answer as correct because it was the final product I was looking for, but obviously you deserve the credit for me getting there.

‎02-04-2019

I was browsing the Internet and I found a few pages regarding this subject. It's new to me, but it looks doable.

‎02-04-2019

Thanks, Robert. My final code is below. I decided to only modify the map extent the first time the panel was opened. I wish I could find more documentation on the topics that you can subscribe to. The JavaScript API has so many events you can register event handlers for. The WAB Developer Edition help seems kind of high level. startup: function(){ var configs = this.getAllWidgetConfigs(); var initialMapExtent = this.map.extent; var firstOpened = false; if(Array.isArray(this.config.widgets)){ configs = this.config.widgets; }else{ configs = [this.config]; } if(configs.length > 0){ html.empty(this.containerNode); } this.inherited(arguments); topic.subscribe('changeMapPosition', lang.hitch(this, function () { if (!firstOpened) { setTimeout(lang.hitch(this, function () { this.map.setExtent(initialMapExtent); }), 500); firstOpened = true; } })); },‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Online Status	Offline
Date Last Visited	‎12-12-2025 09:06 AM

My Ideas

Latest Contributions by NathanHeickLACSD

Re: Story Map Shortlist: showing all places on a tab with different colors

Re: Story Map Shortlist: showing all places on a tab with different colors

Re: Story Map Shortlist: showing all places on a tab with different colors

Custom Legend Widget

Re: Web AppBuilder Jewelry Box Theme Header Controller Height

Web AppBuilder Jewelry Box Theme Header Controller Height

Re: Web AppBuilder Developer Edition Deployment

Re: Web AppBuilder Developer Edition Deployment

Web AppBuilder Developer Edition Deployment

Web AppBuilder Style Selector

Re: Web AppBuilder Mobile Breakpoints

Web AppBuilder Mobile Breakpoints

Re: Center Map After Jewelry Box Theme Has Loaded

Re: WAB Developer Edition Widget Icon Color

Re: Center Map After Jewelry Box Theme Has Loaded

Re: Subnetworks vs. Digitized Direction

Re: Publishing UN as a Feature Service

Re: Recreate empty tiles in Manage Tile Cache seem...

Cross-Env is not Recognized as an Internal or Exte...

Re: IWA Login for Portal Prompting for Credentials