Map UI: Custom Panels (Absolute and Inline-Block)
- Dominant language
- SCSS
- Stars
- 49
- Forks
- 27
- PR merge metrics
- No merged PRs in 30d
Description
We've got this new, super cool framework to help people build sites with maps, why not add a few more UI components that devs can use to build map apps?
One of the main UI components required to develop any map app is a panel or window area that shows information such as a legend, list of attributes, more tools with functionality (e.g. driving directions). Sometimes panels are also used to replaced the popup window.
These panels are often implemented to appear in different locations, both 1) over the map or 2) inside the map view. They are also controlled by some type of user interaction or invoked by another control e.g. button, tab...
Currently calcite-bootstrap doesn't have any such controls, therefore, I propose we extend the default framework to provide this very handy Map UI-specific component. We could probably steal from panel, modal or just use the grid system to make this all happen.
Requirements:
- Responsive
- Control size
- Set docking position
- Set absolute vs inline-block
- Nice transitions
- Minimize/Maximize/Close
NOTE: This functionality may be coupled with a button group or li for tab controls. I have some ideas...
Wireframes
Panel controlled from button (Over map, doesn't consume space)

Panel invoked from map click (Consumes map space)

Here are some examples of how others implement this:
[Basic Viewer](http://edn.maps.arcgis.com/apps/OnePane/basicviewer/index.html?appid=996edd88c7bd47ed910c28f4b60bb478)

[Simple Viewer](http://edn.maps.arcgis.com/apps/Viewer/index.html?appid=f7a0342b36d247529c3fcb99ad02cf5c)

[Public Information](http://edn.maps.arcgis.com/apps/PublicInformation/index.html?appid=df3ec1216d644718a3ddc80baaa5f9da)

[WAB](http://edn.maps.arcgis.com/apps/webappviewer/index.html?id=0e5c033f83df46eeb2244ffcd04ef455)

Contributor guide
No contributing guide indexed for this repository
Assessment
This issue has not been assessed yet.