https://github.com/cmv/cmv-calcite-maps
Using CMV with Esri's Calcite Maps
https://github.com/cmv/cmv-calcite-maps
arcgis-api arcgis-js arcgis-js-api bootstrap calcite-maps cmv cmv-calcite-maps cmv-widgets dojo dojo-widgets esri-api esri-javascript-api theme widgets
Last synced: 3 months ago
JSON representation
Using CMV with Esri's Calcite Maps
- Host: GitHub
- URL: https://github.com/cmv/cmv-calcite-maps
- Owner: cmv
- License: mit
- Created: 2017-01-31T06:06:26.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2025-11-18T08:24:30.000Z (5 months ago)
- Last Synced: 2025-11-18T10:14:42.689Z (5 months ago)
- Topics: arcgis-api, arcgis-js, arcgis-js-api, bootstrap, calcite-maps, cmv, cmv-calcite-maps, cmv-widgets, dojo, dojo-widgets, esri-api, esri-javascript-api, theme, widgets
- Language: JavaScript
- Homepage: https://cmv.github.io/cmv-calcite-maps/demo.html
- Size: 563 KB
- Stars: 14
- Watchers: 8
- Forks: 12
- Open Issues: 14
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE.md
Awesome Lists containing this project
README
# cmv-calcite-maps
This repo combines [CMV](https://github.com/cmv/cmv-app) with Esri's [Calcite Maps](https://github.com/esri/calcite-maps/). Calcite Maps is "A theme for [Bootstrap](https://www.getbootstrap.com/) for designing, styling and creating modern map apps." The Esri repository provides documentation on the Calcite Maps CSS and JavaScript files.
## Implementation
There are very few changes needed to use Calcite Maps. The majority of the customizations are within the HTML page. See the [example](./demo.html). In addition, you will need to include the new [_CalciteMixin.js](./config/_CalciteMixin.js) in [app.js](./config/app.js). A CSS file [cmv-calcite.css](./css/cmv-calcite.css) is included which helps with the styling of your CMV application.
##[Demo](https://cmv.github.io/cmv-calcite-maps/demo.html)
The demo in this repo [includes](./config/viewer.js) many core CMV widgets as well as a custom [Styler widget](widgets/CalciteStyler.js) adapted from Calcite Maps. You can use this widget to experiment with the different theme styles and colors.
## Widgets
Most of the CMV core widgets work without modification. The notable exceptions are the Esri Editor and Directions widgets which have some styling issues. Custom The Directions widget will
It is expected that many of the [contributed CMV widgets](https://github.com/cmv/cmv-contrib-widgets) and widgets for Esri's Web AppBuilder (Using the method documented in [this repo](https://github.com/cmv/cmv-wab-widgets)) should work without modification though few have been tested at this point. Widgets that use a full pane like the [Attributes Table widget](https://github.com/tmcgee/cmv-widgets#attributes-tables) are not currently supported though hopefully will be in the near future.
## Mobile
One of the strengths of using Calcite Maps is the responsive design provided by the Bootstrap framework.
## License
[MIT](LICENSE.md)