Latest Contributions by JT_Salfer

‎05-22-2023

There's not a lot of material on how to do this currently. There used to be a tutorial on Github, but the resource has been depreciated, and no resource has taken its place. https://github.com/Esri/calcite-ui-kits/tree/master/Figma What I gather the new workflow is: Visit ESRI's page on Figma Click on Styles or Icons FIRST Click "Open in Figma" - (this opens a local copy you must save as a library) In the top of the left sidebar, click on the open-book icon. It should take you to this modal Now, this is where it gets tricky. Figma may tell you "Includes x missing libraries". This introduces a world of confusion. This is telling you that the diagram has references to assets that are not present. The references may not be in use "Missing library with no components", but this is an issue for ESRI to resolve. There's options in Figma to swap libraries, but we can't do that on the official distribution, it's best to just Ignore the warnings. Click "Publish..." Add a description Click Publish in the lower left corner. This should create a static copy of the components in your Library. If changes are made to the official repo, I believe you would have to delete your library and repeat these steps, but I'm not certain. Now repeat steps 1-7 for Icons if you did Styles first, or Styles if you did Icons first. Lastly, repeat steps 1-7 for the calcite web-ui-kit or if you want to get into the weeds, repeat steps 1-4, then try swapping libraries for missing components using your new, local copies of Icons and Styles to get rid of some of the warnings. I really can't say if this adds extra functionality by doing this, but I assume that by replacing the icons at least, you're able to more easily customize the size since it's referencing the icon sheet directly. Now that you have all the libraries published to your account, Create a new Figma file Lastly, access the Assets tab in the top of the left sidebar, and click the Library icon. Toggle the switches for each of the libraries you made. you should now see the components and icons show up in the asset side bar. The Styles will be embedded in the right sidebar as new color selections and fonts. I think this is the best way to do things, but this also completely detaches you from the latest release, and you'll have to check back every now and then if you want more up-to-date files. Although, the files that are already there are out of date (icons as of today are on 3.20.7, and the latest calcite release is on 3.22.7), so who knows how long this workflow will be good for. Hope this helps.

‎06-14-2022

So, I found a work around to this. Apparently the polygon tool does not use the polygonSymbol for symbology, but the polyLINESymbol when using ESRI loader. No clue why this is or how to target the inside patterning, but being able to modify the lines will suffice.

‎06-06-2022

I've encountered some pretty strange behavior trying to adjust the viewModel of the Sketch Widget. Following this tutorial for the SketchViewModel Styler, I've attempted to add in a custom polygonSymbol using the SketchViewModel. It works... ...to a point. It works fine with the rectangle and circle tools, but it will not work for the polygon tool until the sketch is finished, which is ultimately the what I want to target. I can confirm this is happening in different versions of the API (4.19, 4.23), but I'm only seeing it in projects that use Esri Loader. I can create a new project that does not call the Sketch Widget or SketchViewModel via Esri Loader and it works fine. The code below is what I'm using for the sketch widget's viewModel. You can take the exact same code, plug it into the live demo at https://developers.arcgis.com/javascript/latest/sample-code/sandbox/?sample=sketch-geometries , and everything works as expected. The only reason I can see why this doesn't work as expected with the freehand polygon tool the way that I'm doing it is due to the presence of Esri Loader. Does anyone have a possible work around for this issue? let sketchWidget = new Sketch({ view, layer: sketchLayer, creationMode: "single", availableCreateTools, viewModel: new SketchViewModel({ view: view, layer: sketchLayer, polygonSymbol: { type: "simple-fill", style: "cross", color: "#EFC8B1", outline: { width: 3, style: "solid", color: "red", }, }, }), });

Online Status	Offline
Date Last Visited	‎10-28-2023 02:17 AM

My Ideas

Latest Contributions by JT_Salfer

Re: Help setting up Figma + Calcite

Re: Cannot update SketchViewModel polygonSymbol using Esri Loader

Cannot update SketchViewModel polygonSymbol using Esri Loader

Re: Help setting up Figma + Calcite