diff --git a/histomicsui/web_client/views/body/ImageView.js b/histomicsui/web_client/views/body/ImageView.js
index d040bb40..e27dbb86 100644
--- a/histomicsui/web_client/views/body/ImageView.js
+++ b/histomicsui/web_client/views/body/ImageView.js
@@ -78,6 +78,7 @@ var ImageView = View.extend({
         events.trigger('h:imageOpened', null);
         this.listenTo(events, 'query:image', this.openImage);
         this.annotations = new AnnotationCollection();
+        this.listenTo(events, 's:widgetChanged', this._setRouter);
 
         this.controlPanel = new SlicerPanelGroup({
             parentView: this,
@@ -698,6 +699,7 @@ var ImageView = View.extend({
     },
 
     widgetRegion(model) {
+        console.log('widgetRegion', model);
         var value = model.get('value');
         if (!this.viewerWidget || !this.viewerWidget.viewer) {
             model.set('value', '-1,-1,-1,-1');
@@ -749,6 +751,13 @@ var ImageView = View.extend({
 
     _resetRegion() {
         var hasRegionParameter;
+        if(router.getQuery('region')){
+            var region = router.getQuery('region');
+            $('#region').val(region);
+            // this._displayedRegion = region;
+            // hasRegionParameter = true;
+            // this.showRegion(this._displayedRegion);
+        }
         if (!this._displayedRegion) {
             return;
         }
@@ -1801,6 +1810,11 @@ var ImageView = View.extend({
                 window.setTimeout(() => $(`#h-analysis-panel .s-select-region-button[shape="${$(evt.originalEvent.target).attr('shape')}"][multi="${$(evt.originalEvent.target).attr('multi')}"][parent-id="${$(evt.originalEvent.target).attr('parent-id')}"]`).eq(0).trigger('click'), 50);
             }
         }
-    }
+    },
+
+    _setRouter(evt) {
+        router.setQuery(evt.id, String(evt.changed.value), {trigger: false});
+    },
+
 });
 export default ImageView;