diff --git a/web/client/components/mapcontrols/measure/__tests__/MeasureDialog-test.jsx b/web/client/components/mapcontrols/measure/__tests__/MeasureDialog-test.jsx
index 659d70899e..27c870b48d 100644
--- a/web/client/components/mapcontrols/measure/__tests__/MeasureDialog-test.jsx
+++ b/web/client/components/mapcontrols/measure/__tests__/MeasureDialog-test.jsx
@@ -48,7 +48,7 @@ describe("test the MeasureDialog", () => {
let measurement = {};
const mc = ReactDOM.render(
, document.getElementById("container"));
expect(mc).toExist();
- const dialog = document.getElementById('measure');
+ const dialog = document.getElementById('measure-dialog');
expect(dialog).toExist();
});
@@ -79,7 +79,7 @@ describe("test the MeasureDialog", () => {
const btnGroups = dom.getElementsByClassName('btn-group');
expect(btnGroups.length).toBe(2);
- const dialog = document.getElementById('measure');
+ const dialog = document.getElementById('measure-dialog');
expect(dialog).toNotExist();
expect(spyMount.calls.length).toBe(1);
expect(spyMount).toHaveBeenCalledWith(showCoordinateEditor);
@@ -119,7 +119,7 @@ describe("test the MeasureDialog", () => {
const btnGroups = dom.getElementsByClassName('btn-group');
expect(btnGroups.length).toBe(2);
- const dialog = document.getElementById('measure');
+ const dialog = document.getElementById('measure-dialog');
expect(dialog).toNotExist();
expect(spyMount.calls.length).toBe(1);
expect(spyToggleMeasure.calls.length).toBe(1);
diff --git a/web/client/components/misc/Dialog.jsx b/web/client/components/misc/Dialog.jsx
index 7ef917539d..1ccad14564 100644
--- a/web/client/components/misc/Dialog.jsx
+++ b/web/client/components/misc/Dialog.jsx
@@ -27,7 +27,8 @@ class Dialog extends React.Component {
onClickOut: PropTypes.func,
modal: PropTypes.bool,
start: PropTypes.object,
- draggable: PropTypes.bool
+ draggable: PropTypes.bool,
+ bounds: PropTypes.object
};
static defaultProps = {
@@ -35,7 +36,7 @@ class Dialog extends React.Component {
backgroundStyle: {
background: "rgba(0,0,0,.5)"
},
- start: {x: 0, y: 0},
+ start: {x: 0, y: 150},
className: "modal-dialog modal-content",
maskLoading: false,
containerClassName: "",
@@ -43,7 +44,8 @@ class Dialog extends React.Component {
bodyClassName: "modal-body",
footerClassName: "modal-footer",
modal: false,
- draggable: true
+ draggable: true,
+ bounds: 'parent'
};
renderLoading = () => {
@@ -72,7 +74,7 @@ class Dialog extends React.Component {
};
render() {
- const body = (
+ const body = (
{this.renderRole('header')}
@@ -84,7 +86,7 @@ class Dialog extends React.Component {
{this.renderRole('footer')}
:
}
Embed MapStore2 in your website
Toggle Weather Layer (if present)
+
and it contains a scale bar, a map scale switcher, the coordinates of the mouse pointer and a coordinate reference system switcher.
-
\ No newline at end of file
+
+
+CRS Selector
+------------
+
+[MapStore](https://mapstore2.geo-solutions.it/mapstore/#/) provides a *CRS Selector* through which you are able to switch the *Coordinate Reference System* of your map. In the bottom-right corner of the screen you should see this icon 
.
+
+
+
+Switching *CRS* is very simple:
+
+* **Click** on the *CRS Selector* icon 
+
+In order to identify the desired CRS, you can also filter the CRS list by typing in a search input field located in the bottom part of the selector. This selection will be saved along with the map.
+
+note: the list of CRSs is customizable by MapStore's configuiration.
\ No newline at end of file
diff --git a/docs/user-guide/timeline.md b/docs/user-guide/timeline.md
index 361f07b806..10d7fc3f01 100644
--- a/docs/user-guide/timeline.md
+++ b/docs/user-guide/timeline.md
@@ -5,7 +5,7 @@ The Timeline is an useful tool for managing layers with a time dimension.
It makes possible to observe the layers' evolution over time, to inspect the layer configuration at a specific time instant (or in a time range) and to view different layer configurations time by time dynamically through animations.