cmv/cmv-app

Position of the Basemap Widget

drusexton opened this issue · 3 comments

drusexton commented

@tmcgee I need to re-position the Basemap widget, because it is obscured by the search widget on a mobile device as shown in the image below. Is this possible? I was trying to do this in the BasemapGallery.css but am not having much success. Thoughts?

basemapwidgetadjust

drusexton commented

@tmcgee actually I believe I located it (Unless there is some other preferred method you would like to share. ). You can change the location in the js-viewer-templates-mapOverlay.html file as show below.

basemappositionhelp

tmcgee commented

@drusexton It is recommended that you not modify the core files as that makes upgrades in the future more difficult. Speaking of upgrades, it looks like you are working with an older version of CMV. In recent versions, there are a number of enhancements to address use via mobile devices:

  1. The positioning of on-map widgets like the basemap widget is handled by CSS in the cmv.css file and can be overridden within your own custom css.

  2. CSS is used to reduce the size of the basemap widget when on phones:

image

  1. We've added a mobile sidebar specifically for phones and touch devices:

image

  1. You can conditionally move widgets to the sidebar for mobile devices. The viewer.js file for the demo demonstrates this for the Esri Search widget

  2. Finally, there are some additional improvements in the works right now specific to the mobile experience:

image

drusexton commented

@tmcgee Thanks for pointing this out to me. I actually noticed shortly after my previous comments. I went to go "update" the config files for some of my other applications and noticed they have the sidebar config files, and really no need for adjusting the placement of the basemap widget. This particular application was much older then some of the others. Overall it is probably time I download the new or latest config files and update my apps. CHEERS!