Latest Contributions by MichelleJean

‎05-15-2017

Hi Robert Scheitlin, GISP Thank you for your time, now I understand But it still doesn't work when loading on a web server, it only loads on localhost: http://test.sensomarket.com/ Michelle

‎05-12-2017

Hi Robert Scheitlin, GISP‌ , I used the script referencing the theme file <script type="text/javascript"> var dojoConfig = { packages: [{ name: "themes", location: location.pathname.replace(/\/[^/]+$/, '') + "/themes" }] }; </script>‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍ but when introducing this code line chart1.setTheme(MyTheme);‍‍‍ the chart stops working. And I do not understand why Thank you, Michelle

‎04-29-2017

Hi Kelly Hutchins‌ , Thank you, this css fixes the picture marker symbols. Is it possible to use it with ESRI SimpleMarkerSymbol mentioned above in the question? var pms = new esri.symbol.SimpleMarkerSymbol(); pms.setSize(28); pms.setPath("M16,3.5c-4.142,0-7.5,3.358-7.5,7.5c0,4.143,7.5,18.121,7.5,18.121S23.5,15.143,23.5,11C23.5,6.858,20.143,3.5,16,3.5z M16,14.584c-1.979,0-3.584-1.604-3.584-3.584S14.021,7.416,16,7.416S19.584,9.021,19.584,11S17.979,14.584,16,14.584z"); pms.setStyle(esri.symbol.SimpleMarkerSymbol.STYLE_PATH); Not sure how to reference the background-image url in this case... Thank you, Michelle

‎04-27-2017

There is a problem with the icons in the Measurement widget with custom symbols tutorial. The symbol for the Location tool is so small you can hardly see it even after replacing the URL with the full link adress: esri.symbol.PictureMarkerSymbol("https://developers.arcgis.com/javascript/3/samples/widget_measureworld/images/flag.png",24,24);‍‍‍ Using a SimpleMarkerSymbol instead of the PictureMarkerSymbol will not show the symbol at all (neither in Sandbox or localhost): var pms = new esri.symbol.SimpleMarkerSymbol(); pms.setSize(28); pms.setPath("M16,3.5c-4.142,0-7.5,3.358-7.5,7.5c0,4.143,7.5,18.121,7.5,18.121S23.5,15.143,23.5,11C23.5,6.858,20.143,3.5,16,3.5z M16,14.584c-1.979,0-3.584-1.604-3.584-3.584S14.021,7.416,16,7.416S19.584,9.021,19.584,11S17.979,14.584,16,14.584z"); pms.setStyle(esri.symbol.SimpleMarkerSymbol.STYLE_PATH);‍‍‍‍‍‍‍‍‍‍‍‍ Is there a way to make this tutorial work ? Thank you, Michelle

‎04-20-2017

Thank you Robert, I sent an email to ESRI tech, I will update here with any info I receive. Nice little tool this Glyphr Studio Michelle

‎04-20-2017

Hi Robert, Some icons do not load as they do on the ESRI website: I added the CSS recommended on the website but they still do not load properly: @font-face { font-family: 'CalciteWebCoreIcons'; src: url('https://raw.githubusercontent.com/Esri/arcgis-js-api/master/themes/calcite/icons/fonts/CalciteWebCoreIcons.ttf?erniwi') format('truetype'), url('https://raw.githubusercontent.com/Esri/arcgis-js-api/master/themes/calcite/icons/fonts/CalciteWebCoreIcons.woff?erniwi') format('woff'), url('https://raw.githubusercontent.com/Esri/arcgis-js-api/master/themes/calcite/icons/fonts/CalciteWebCoreIcons.svg?erniwi#CalciteWebCoreIcons') format('svg'); font-weight: normal; font-style: normal; } [class^="esri-icon-"], [class*=" esri-icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'CalciteWebCoreIcons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍ I updated the JS Bin here. Thank you, Michelle.

‎04-19-2017

Is there a way to replace the Measurement Widget icons with these beautiful ESRI icons ? I managed to insert a ESRI icon in my ESRI Calcite Maps panel, but inside the Measurement widget the ESRI icon is not recognized: #dijit_form_ToggleButton_0:before { content: "\e600"; } .calcite .esriMeasurement .areaIcon { visibility: hidden; }‍‍‍‍‍‍ My project is available on JS Bin. Thank you, Michelle.

‎04-19-2017

Hi Kelly, Thank you !

‎04-18-2017

Sorry for my beginner's question I am not sure of the workflow needed in order to create and share a web app after coding in ArcGIS API for JavaScript. Taking the basic Create a map tutorial, I copied the code in a html and uploaded the file in my ArcGIS Online account: Type: Web Mapping Purpose: Ready To Use API: JavaScript I can open the uploaded map. But the Share button does not provide a link in order to share the map. How can I share a map coded in ArcGIS API for JavaScript ? Thank you, Michelle.

‎04-07-2017

Thank you Robert

‎04-05-2017

Hi Robert, Disabling the info window does the job really nice, thank you As a way for me to learn how to code, is it also possible to integrate the popup in the Popup Panel?

‎04-05-2017

I created a dojox chart using the Info window with chart tutorial. I am using info window and the Measurement widget but this combination seems not to be working because every time you click to create a measurement the info window appears and covers your region of interest. One solution would be to dock the popups but that is only available in JavaScript 4.x which does not support the Measurement widget. So I guess I need to put the popups in a panel. I used the sample code from the Popup content in side panel tutorial to integrate the popups in my Popup Panel but I am missing something in the code because it's not working. Any support with the code would be very helpful. My map in the ESRI Calcite Maps theme is available on JS Bin. // From tutorial "Popup content in side panel" function(error){ console.log("Map creation failed: ", dojo.toJson(error)); ... </script>‍‍‍‍‍‍‍‍‍‍ Thank you, Michelle

‎03-28-2017

Working great, Thank you Robert

‎03-27-2017

Thank you for your time Robert Scheitlin, GISP‌ Your sample is very useful for coding future references. Playing with the chart I found that if you swap the contents between tab1 - tab2, the chart will not render. Is this a bug in the code? var cp1 = new ContentPane({ title: "Pie Chart" }); var cp2 = new ContentPane({ title: "Details", ... }); cp1.set("content", chart.node);‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

‎03-26-2017

Hi everybody, Two questions regarding a ESRI tutorial. 1) The tutorial uses a Wetland theme for it's dojox charts. var theme = "Wetland"; ‍‍‍‍ This is Wetland.js (from dojox website😞 define(["../SimpleTheme", "./common"], function(SimpleTheme, themes){ themes.Wetland = new SimpleTheme({ colors: [ "#bfbc64", "#737130", "#73373b", "#7dafca", "#8d3c42" ] }); return themes.Wetland; });‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍ I would like to replace Wetland.js with my own customTheme.js. But I cannot manage to reference the external file customTheme.js Any support with a sample code (compatible with the tutorial code) would be very helpful. 2) The links in Wetland.js reference local stored files: define(["../SimpleTheme", "./common"]‍‍‍ Do I need to replace these with http:// links in order to create a customTheme.js file? Thank you, Michelle

Online Status	Offline
Date Last Visited	‎11-11-2020 02:24 AM

My Ideas

Latest Contributions by MichelleJean

Re: Changing theme in ESRI tutorial

Re: Changing theme in ESRI tutorial

Re: Report bug in ESRI tutorial (ArcGIS API for JavaScript)

Report bug in ESRI tutorial (ArcGIS API for JavaScript)

Re: ESRI Icon Font

Re: ESRI Icon Font

ESRI Icon Font

Re: Create and share application (ArcGIS API for JavaScript)

Create and share application (ArcGIS API for JavaScript)

Re: Dojox chart in panel

Re: Dojox chart in panel

Dojox chart in panel

Re: Changing theme in ESRI tutorial

Re: Changing theme in ESRI tutorial

Changing theme in ESRI tutorial

ESRI Icon Font

Changing theme in ESRI tutorial