Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Widgets in 3.18 #155

Closed
TimPeters opened this issue Mar 19, 2017 · 8 comments
Closed

Widgets in 3.18 #155

TimPeters opened this issue Mar 19, 2017 · 8 comments

Comments

@TimPeters
Copy link

TimPeters commented Mar 19, 2017

Hy @alaframboise ,

  1. I am trying to integrate the LayerList widget in the arcgis-3.x.html but it's not working as expected.
    Could you provide some support? My .html is available on JS Bin.

untitled-1

  1. Could you provide the Measurement widget in your arcgis-3.x.html?
    I am struggling with this one as well.

Thank you for your support,
Tim.

@alaframboise
Copy link
Contributor

The 3.x doc indicates that the LayerList widget is not supported with the calcite.css theme.

https://developers.arcgis.com/javascript/3/jshelp/css.html

This theme is in beta and does not support all components of the API. The following widgets are supported:

BasemapGallery
BasemapToggle
Bookmarks
Directions
HomeButton
LayerSwipe
Legend
LocateButton
Measurement
OverviewMap
Popup
Print
ScaleBar
Search

@alaframboise
Copy link
Contributor

alaframboise commented Mar 20, 2017

To get it to load and at least render you need to pull in the .css manually for that component. With a few other background and border overrides you should be able to get to render nicely with Calcite Maps.

  <!-- ArcGIS JS 3.x -->
  <link rel="stylesheet" href="https://js.arcgis.com/3.20/esri/themes/calcite/esri/esri.css">
  <link rel="stylesheet" href="https://js.arcgis.com/3.20/esri/themes/calcite/dijit/calcite.css">
  
  <link rel="stylesheet" href="https://js.arcgis.com/3.20/esri/dijit/LayerList/css/LayerList.css">

@TimPeters
Copy link
Author

LayerList widget now working, just needs a litlle css background.
Thank you @alaframboise !

@ezequias
Copy link

@TimPeters post a sample here please.

@TimPeters
Copy link
Author

Hi @ezequias ,

Here is a JS Bin with the sample code.

@ezequias
Copy link

Thank you very much @TimPeters but the LayerListWidget is much more than that.

@tmcgee
Copy link

tmcgee commented Mar 21, 2017

@ezequias and @TimPeters You might be interested in how we have utilized calcite maps with CMV, the configurable map viewer. The implementation has a full layer list for 3.x as well as many other widgets. Support for 4.x is coming soon. I provided a more detailed answer in issue #150. The repo is available here.

@ezequias
Copy link

I really love it @tmcgee great work. Does it have any kind of licensing?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants